:root {
    --semi-black:#46494B;
    --black:#222426;
    --dark-black:#16181B;
    --thin-gray:#F2F2F2;
    --light-gray:#E8E8E8;
    --gray:#666;
    --semi-gray:#888;
    --bold-gray:#999;
    --thin-sky:#F7F8FC;
    --light-sky:#D9DFEB;
    --primary:#4769F7;
}

.pt-20{ padding-top:20px!important }
.pt-24{ padding-top:24px!important }
.pt-30{ padding-top:30px!important }
.pb-24{ padding-bottom:24px!important }
.pb-30{ padding-bottom:30px!important }
.pd-0 { padding:0!important }
.pd-10 { padding:10px }
.pd-24 { padding:24px }
.pd-30 { padding:30px }
.px-10 { padding-left:10px; padding-right:10px }
.px-15 { padding-left:15px; padding-right:15px }
.px-20 { padding-left:20px!important; padding-right:20px!important }
.px-30 { padding-left:30px; padding-right:30px }
.py-10 { padding-top:10px; padding-bottom: 10px }
.py-24 { padding-top:24px; padding-bottom: 24px }
.py-30 { padding-top:30px; padding-bottom: 30px }
.py-60 { padding-top:60px; padding-bottom: 60px }
.mt-10 { margin-top:10px }
.mt-20 { margin-top:20px }
.mt-60 { margin-top:60px }
.mb-10 { margin-bottom: 10px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-60 { margin-bottom: 60px }
.ml-0 { margin-left:0px!important }
.ml-4 { margin-left:4px!important }
.ml-10 { margin-left:10px!important }
.ml-20 { margin-left:20px!important }
.mr-10 { margin-right:10px!important }
.my-60 { margin-top:60px; margin-bottom: 60px }
.mg-0 { margin:0 }
.mg-auto { margin:auto }
.mg-x-auto { margin-left:auto; margin-right:auto }
.w-full { width: 100%!important }
.w-half { width:50%!important }
.h-full { height: 100% }
b.semi { font-weight: 500 }
a.link { color:var(--primary); text-decoration: underline }


[class*='flx'] { display: flex; flex-wrap: wrap }
[class*='_f-btw']{ justify-content: space-between }
[class*='_f-ct']{ justify-content: center }
[class*='_f-ed']{ justify-content: flex-end }
[class*='_f-ved']{ align-items: flex-end }
[class*='_f-vct']{ align-items: center }
[class*='_f-all-ct']{ justify-content: center; align-items: center }
[class*='_n-wrap']{ flex-wrap: nowrap }

[class*="white-btn"] { background-color:#fff; border:1px solid var(--light-sky) }
[class*="blue-btn"] { background-color:#007AFF; border:1px solid var(--light-sky) }
[class*="black-line-btn"] { color:var(--black); border:1px solid var(--black) }
[class*="un_black-btn"] { opacity: .2; cursor: default; pointer-events: none; transition: .2s }
[class*="un_black-btn"].active { opacity: 1 }
[class*="black-btn"] { background: var(--black); color:#fff }
[class*="file-dw-btn"] {
    border:1px solid var(--light-sky);
    padding:10px 12px 10px 28px;
    background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_downArrow.png) center left 12px no-repeat;
}
[class*="delete-red-btn"] {
    color:#F05046;
    border:1px solid #F05046;
    padding:10px 12px 10px 28px;
    background: #fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_delete_red.png) center left 12px no-repeat;
}
[class*="-btn"] { border-radius: 4px; display: inline-block; box-sizing: border-box; line-height: 1 }
[class*="-btn_sm"] { padding:10px 16px }
[class*="-btn_md"] { padding:14px 20px }
[class*="-btn_lg"] { padding:22px 40px }
[class*="_rd4"] { border-radius: 4px!important }
[class*="_rd8"] { border-radius: 8px!important }
[class*="all-bd"] { border: 1px solid }
[class*="bot-bd"] { border-bottom: 1px solid }
[class*="bd-black"] { border-color:var(--black) }
[class*="bd-lightgray"] { border-color:var(--light-gray) }
[class*="bd-lightsky"] { border-color:var(--light-sky) }
[class*="grid"] { display: grid; }
[class*="_1/2"] { grid-template-columns: 1fr 1fr }
[class*="_1/3"] { grid-template-columns: 1fr 1fr 1fr }
[class*="_2/3"] { grid-template-columns: 2fr 1fr }
[class*="_1/4"] { grid-template-columns: 1fr 1fr 1fr 1fr }
[class*="_g6"] { gap:6px }
[class*="_g8"] { gap:8px }
[class*="_g10"] { gap:10px }
[class*="_g16"] { gap:16px }
[class*="_g24"] { gap:24px }
[class*="_g30"] { gap:30px }
[class*="_xg8"] { column-gap:8px }
[class*="_xg16"] { column-gap:16px }
[class*="_yg30"] { row-gap:30px }

.f_auto1 { flex:1 }
.hide { display: none }
.red,.rqid { color:#F05046 }
.gray { color:var(--gray) }
.primary { color:var(--primary) }
.bg-gray { background-color: var(--thin-gray) }
.bg-thinsky { background-color: var(--thin-sky)!important }
h2.tit { font-size:24px }
h3.tit { font-size:22px }
h4.tit { font-size:20px }
h5.tit { font-size:18px }
h6.tit { font-size:16px }
h6.sub-tit { font-size:14px }
p.tit_sub-cmt { color:var(--gray); font-size:15px }
.fs16 { font-size:16px!important }
.card { border-radius: 8px; padding:30px; background: #fff }
.card-hd { border-radius: 8px; background: #fff }
.card-hd .hd_head { padding:24px; border-bottom: 1px solid var(--light-sky) }
.card-hd .hd_body { padding:24px }
.df-input,.df-select {
    border-radius: 4px;
    border:1px solid var(--light-sky);
    background:#fff;
    font-size:14px;
    height: 36px;
    box-sizing: border-box;
    width:auto;
    padding:0 10px;
    font-weight: 300;
}
.df-input.data-picker {
    background:#fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_schedule.svg) center right 10px no-repeat;
    padding-right:36px;
}
.df-input::placeholder { color:var(--semi-gray) }
.df-input:disabled { background: var(--thin-sky) }
input + .chk_box-tp {
    border-radius: 4px;
    border: 1px solid var(--light-sky);
    color:var(--semi-black);
    font-size:13px;
    padding: 11.5px 16px;
    box-sizing: border-box;
    transition: .2s;
    cursor: pointer;
}
input:checked + .chk_box-tp {
    color:#fff;
    border-color: var(--black);
    background-color: var(--black);
}
input[type="checkbox"] + label.white-chk:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #BDBDBD;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
}
input[type="checkbox"] + label.white-chk.chk-txt { cursor: pointer }
input[type="checkbox"] + label.white-chk.chk-txt:before { margin-right:6px; }
input[type="checkbox"]:checked + label.white-chk:before {
    background-color:#596275;
    background-image: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_check_white.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-color: #596275;
}
.df-select {
    background-color: #fff;
    background-image: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_select-arrow.png);
    background-position: center right 10px;
    background-repeat: no-repeat;
    padding:0 30px 0 10px;
}
.df-select:disabled { background-color:var(--thin-sky) }
.df-input.error {
    background-image: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_error.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    padding-right:35px;
}
.df-textarea {
    border-radius: 4px;
    border:1px solid var(--light-sky);
    background:#fff;
    font-size:14px;
    box-sizing: border-box;
    width:auto;
    padding:10px;
    font-weight: 300;
}
.vtc-top { vertical-align: top }
.df-table { border-collapse: collapse; }
.df-table th, .df-table td {
    border:1px solid var(--light-sky);
    text-align: center;
    font-size:14px;
    font-weight: 300;
    padding: 8px 5px;
    height: 37px;
}
.df-table th { color:var(--black); font-weight: 500 }
.df-table > thead > tr > th, .df-table > tbody > tr > th { background-color: var(--thin-sky) }
.df-table > thead > tr:first-child > th { border-top:0 }
.df-table > thead > tr:first-child > th:first-child,
.df-table > tbody > tr > td:first-child { border-left:0 }
.df-table > thead > tr:first-child > th:last-child,
.df-table > tbody > tr > td:last-child{ border-right:0 }
.df-table > tbody > tr:last-child > td { border-bottom: 0 }
.df-table.left-type-table > thead > tr > th, .df-table.left-type-table > tbody > tr > th { padding-left: 20px; text-align: left }
.df-table.left-type-table > thead > tr > td, .df-table.left-type-table > tbody > tr > td { padding-left: 10px; padding-right: 10px; text-align: left }
.table-round { overflow: hidden; border:1px solid var(--light-sky); border-radius: 4px }
.table-round .df-table { border:none }
.df-table tr.hover_tr-line > td { transition: .2s; cursor: pointer }
.df-table tr.hover_tr-line:hover > td { text-decoration: underline; color:var(--primary) }
.df-table .td_none-data .box { height:324px; width: 100%; }
.df-table .td_none-data .box p {
    color: var(--semi-gray);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}
.star-rating { text-align: center; display: flex; align-items: center; justify-content: center }
.star-rating input { display: none }
.star-rating label { cursor: pointer; fill: var(--primary); height: 24px }
.star-rating.none-value label { fill: var(--light-sky) }
.star-rating input:checked ~ label svg path { fill: var(--light-sky) }
.star-rating input:checked + label svg path { fill: var(--primary) }




ul.pager { display: flex; justify-content: center; align-items: center; gap:4px }
ul.pager li a {
    color:var(--gray);
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    box-sizing: border-box;
    transition: .2s;
    border-radius: 4px;
    border:1px solid transparent;
}
ul.pager li a.active,ul.pager li a:hover { coler:var(--black); border:1px solid var(--black); }



/* custom */
.main-search-cs button {
    display: inline-flex;
    width: 88px;
    height: 60px;
    justify-content: center;
    align-items: center;
    margin-left:8px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
}
.main-search-cs label {
    border:1px solid var(--black);
    background:#fff;
    border-radius: 8px;
    height: 60px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 20px;
    width:600px;
}
.main-search-cs label svg { padding-right:20px; }
.main-search-cs label input { font-size:15px; font-weight: 400; width:100%; }
.main-search-cs label input::placeholder { color:var(--gray) }
.main_bsns-stts { display: grid; grid-template-rows: 68px 1fr }
.main_bsns-stts h6.tit { padding-bottom:16px }
.main_bsns-stts .body_box { padding:24px }
.main_bsns-stts .body_box:nth-child(1) { border-right:1px solid var(--light-sky) }
.main_bsns-stts .box_section { display: flex; flex-wrap:wrap; gap:10px }
.main_bsns-stts .box_section > li { background-color: var(--thin-gray); border-radius: 8px; height: 88px; width: calc(50% - 5px) }
/*.main_bsns-stts .body_box:nth-child(2) .box_section > li:nth-child(1),
.main_bsns-stts .body_box:nth-child(2) .box_section > li:nth-child(2) { width: calc(50% - 5px) }
.main_bsns-stts .body_box:nth-child(2) .box_section > li:nth-child(3),
.main_bsns-stts .body_box:nth-child(2) .box_section > li:nth-child(4),
.main_bsns-stts .body_box:nth-child(2) .box_section > li:nth-child(5) { width: calc(33.3333% - 6.7777px) }*/
.main_bsns-stts .box_section > li > div {
    padding:20px 24px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main_bsns-stts .box_section > li > div > p { color:var(--gray); font-size: 14px; font-weight: 400 }
.main_bsns-stts .box_section > li > div > span { color:var(--black); font-size:18px; font-weight: 500 }
.main-notice-cs li {
    color:var(--black);
    border-bottom:1px solid var(--light-gray);
    padding-bottom: 10px;
    margin-bottom: 15px;
    flex-wrap: nowrap;
}
.main-notice-cs li:last-child { margin-bottom: 0 }
.main-notice-cs li > a { flex-wrap: initial }
.main-notice-cs li p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    margin-top: 1px;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color:var(--black);
    font-size: 14px;
    font-weight: 400;
}
.main-notice-cs li span {
    color: var(--semi-gray);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-left:20px;
}
.main-quick-menu li {
    border-right:1px solid var(--light-sky);
    /*padding:18px 24px;*/
    box-sizing: border-box;
    flex:1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}
.main-quick-menu li:last-child { border-right:none }
.main-quick-menu li > a {
    /*padding:35px;*/
    padding:25px 35px;
    position: relative;
    color:var(--semi-gray);
    font-size:14px;
    font-weight: 500;
    line-height: 16px;
    height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main-quick-menu li > .thm {
    display: grid;
    gap: 20px;
    padding: 25px 0;
    color:var(--semi-gray);
    font-size:14px;
    font-weight: 500;
    line-height: 16px;
}
.main-quick-menu li > .thm img { display: block; }
.main-quick-menu li > .hv-txt {
    opacity: 0;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-color: rgba(255,255,255,.8);
    display: none;
    transition: .2s;
}
.main-quick-menu li:hover > .hv-txt {
    display: flex;
    opacity: 1;
}
.main-quick-menu li > .hv-txt .gap a { display: grid }
.main-quick-menu li > .hv-txt a {
    border-radius: 8px;
    padding: 4px 10px;
    border: 1px solid #777;
    margin: 6px;
    color:#333;
    transition: .2s;
}
.main-quick-menu li > .hv-txt a:hover{
    background-color: #333;
    color:#fff;
}
/*.main-quick-menu li > a > svg { position: absolute; right:0 }
.main-quick-menu li > a > img { margin-right:12px }*/
.best-product-list .hd_head a,
.quick-product-list .hd_head a {
    color: var(--semi-gray);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
}
.best-product-list .hd_head a svg,
.quick-product-list .hd_head a svg { margin-left:6px }
.best-product-list ul.grid,
.quick-product-list ul.grid {
    gap:20px;
    box-sizing: border-box;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.best-product-list ul.grid .thm,
.quick-product-list ul.grid .thm {
    border:1px solid var(--thin-gray);
    border-radius: 8px;
    height: 145px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.best-product-list ul.grid .info .code,
.quick-product-list ul.grid .info .code {
    color: var(--semi-gray);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 8px;
}
.best-product-list ul.grid .info p,
.quick-product-list ul.grid .info p {
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.best-product-list ul.grid .info .price,
.quick-product-list ul.grid .info .price { display: flex; justify-content: space-between }
.best-product-list ul.grid .info .price .cc,
.quick-product-list ul.grid .info .price .cc {
    color: var(--semi-gray);
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    text-decoration: line-through;
}
.best-product-list ul.grid .info .price .sale,
.quick-product-list ul.grid .info .price .sale {
    color: var(--black);
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
}
.best-product-list ul.grid .info .price b,
.quick-product-list ul.grid .info .price b { font-size:16px; font-weight: 700 }

.main_cst-ct ul li { border-right:1px solid var(--light-sky); }
.main_cst-ct ul li:last-child { border-right:0; }
.main_cst-ct ul li figure {
    display: flex;
    justify-content: center;
    align-items: center;
    margin:52px auto;
    /*width:240px;*/
}
.main_cst-ct ul li figure img { margin-right: 20px; width:70px }
.main_cst-ct ul li figure figcaption .name {
    color:var(--dark-black);
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 7px;
}
.main_cst-ct ul li figure figcaption .name b { font-weight: 600 }
.main_cst-ct ul li figure figcaption p {
    color:var(--dark-black);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
}
.bookmark-ct .pager {
    color: var(--bold-gray);
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    gap:8px;
}
.bookmark-ct .pager li { position: relative; padding-right:16px; margin-bottom: 20px }
.bookmark-ct .pager li:last-child { padding-right:0; }
.bookmark-ct .pager li:after {
    content: '';
    width:4px;
    height:6px;
    display: inline-block;
    position: absolute;
    bottom:0;
    top:0;
    right:0;
    margin:auto;
    background:url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/bookmark-arrow.svg) center center no-repeat;
}
.bookmark-ct .pager li:last-child:after { display: none; }
.bookmark-ct .pager li.on { color:var(--black) }
.search-order-tb tr:first-child th, .search-order-tb tr:first-child td { border-top:0 }
.search-order-tb tr:last-child th, .search-order-tb tr:last-child td { border-bottom:0 }
.search-order-tb tr > *:first-child { border-left: 0 }
.search-order-tb tr > *:last-child { border-right: 0 }
.search-order-ct .btn-cs button { font-size:14px; font-weight: 600; }
.search-order-ct .btn-cs button.white-btn_md { color:var(--gray); }



.partners-logo-slide .card { padding:0 }
.win-pop .win_head { padding:24px; border-bottom: 1px solid var(--light-sky) }
.win-pop .win_body { padding:24px }
.win-pop .win_foot { padding:24px; border-top: 1px solid var(--light-sky) }
.input-file-box { display: flex; width: 100% }
.input-file-box label { cursor: pointer }
.input-file-box .file-name {
    border: 1px solid var(--light-sky);
    border-radius: 4px;
    margin-left:4px;
    flex:1;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.input-file-box .file-name > p {
    flex:1;
    text-align: left;
    padding:1px 15px 1px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: calc(100% - 100px);
    color:var(--black);
}
.input-file-box .file-name .del {
    position: relative;
    right:10px;
    top:0;
    bottom:0;
    margin:auto;
    background-color: var(--light-gray);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: none;
}
.input-file-box input[type="file"].on + .file-name > .del { display: block }
.input-file-box .file-name .del:before,
.input-file-box .file-name .del:after {
    content: '';
    display: inline-block;
    width: 50%;
    height: 1px;
    position: absolute;
    top: 0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background-color: var(--semi-gray);
}
.input-file-box .file-name .del:before { transform: rotate(45deg) }
.input-file-box .file-name .del:after { transform: rotate(-45deg) }
.work-category-cs {
    border-radius: 4px;
    border:1px solid var(--light-sky);
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.work-category-cs > li { border-right:1px solid var(--light-sky) }
.work-category-cs > li:last-child { border-right:0 }
.work-category-cs > li > .cate-txt {
    text-align: center;
    background-color: var(--thin-sky);
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: var(--black);
    border-bottom: 1px solid var(--light-sky);
}
.work-category-cs > li > ul.list > li > label {
    height: 54px;
    justify-content: center;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .2s;
}
.work-category-cs > li > ul.list > li > label > span {
    background:url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_check.png) center center no-repeat;
    width:18px;
    height: 18px;
    margin-left: 10px;
    display: none;
}
.work-category-cs > li > ul.list > li > input:checked + label,
.work-category-cs > li > ul.list > li > label:hover { color:var(--primary) }
.work-category-cs > li > ul.list > li > input:checked + label > span { display: block }
.work-category-cs > li > ul.list.scr { height: 324px; overflow-y: auto; overflow-x: hidden }
.questionnaire-cs .menu { width:280px; display: grid; grid-auto-flow: column }
.questionnaire-cs .menu h2.tit { line-height: 1.3 }
.questionnaire-cs .menu a.white-btn {
    padding:0 10px;
    height: 28px;
    line-height: 28px;
    color:var(--semi-black);
    font-size:12px;
}
.questionnaire-cs .menu .chapter-grp { margin-top:30px }
.questionnaire-cs .chapter-grp progress {
    border:none;
    border-radius:6px;
    height: 2px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
.questionnaire-cs .chapter-grp progress::-webkit-progress-bar { background-color: var(--light-sky) }
.questionnaire-cs .chapter-grp progress::-webkit-progress-value { background-color:var(--primary) }
.questionnaire-cs .chapter-grp ul button {
    height: 46px;
    display: flex;
    align-items: center;
    padding:0 10px;
    border-radius: 4px;
    font-size:16px;
    width: 100%;
    pointer-events: none;
    cursor:default;
    position: relative;
    color:var(--gray);
}
.questionnaire-cs .chapter-grp ul button.on { background-color: #F1F4FF; color:var(--primary) }
.questionnaire-cs .chapter-grp ul button.done {
    pointer-events: auto;
    cursor: pointer;
    font-weight: 700;
    color:var(--black);
    background:url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_check_black.png) center right 10px no-repeat;
}
.questionnaire-cs .form-cs { width: calc(100% - 310px) }
.questionnaire-cs .input-form-df-type .sub-tit { font-weight: 500 }
.questionnaire-cs .input-form-df-type ul li > h6 { flex:1; flex-shrink: 0 }
.questionnaire-cs .input-form-df-type ul li > div { width:710px; display: flex }
.questionnaire-cs .input-form-df-type ul li .right-btn {
    font-size: 13px;
    padding: 10.5px 16px;
    flex-shrink: 0;
    line-height: 1;
    box-sizing: border-box;
    margin-left:6px;
}
.questionnaire-cs .desired-budget { align-items: center }
.questionnaire-cs .desired-budget .input-cs {
    border-radius: 4px;
    border: 1px solid var(--light-sky);
    background: #fff;
    font-size: 14px;
    height: 36px;
    box-sizing: border-box;
    padding: 0 10px;
    font-weight: 300;
    display: flex;
    align-items: center;
    width: 227px;
    margin-right:10px;
    justify-content: space-between;
}
.questionnaire-cs .desired-budget .input-cs input { height: 100%; background: none }
.questionnaire-cs .desired-budget input[type="checkbox"]:checked + .input-cs { background-color: var(--thin-gray); pointer-events: none }
.questionnaire-cs .desired-budget input[type="checkbox"] + .input-cs { background-color: #fff; pointer-events:auto  }
.questionnaire-cs .desired-budget input[type="checkbox"]:checked + .input-cs + label:before {
    border-color:#596275;
    background: #596275 url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/Hproject/icon/icon_check_white.png) center center no-repeat;
}
.questionnaire-cs .desired-budget label { padding-left:24px; position: relative; cursor: pointer }
.questionnaire-cs .desired-budget label:before {
    content: '';
    display: inline-block;
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    width: 18px;
    height: 18px;
    border:1px solid #BDBDBD;
    border-radius: 4px;
}

.questionnaire-cs .form-cs .rgst-qt {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--light-gray);
    padding:70px 0;
}
.questionnaire-cs .form-cs .rgst-qt .cs { text-align: center }
.questionnaire-cs .form-cs .rgst-qt .cs .tit { font-size:24px; color:var(--black); margin-bottom: 10px; font-weight: 700 }
.questionnaire-cs .form-cs .rgst-qt .cs .msg { font-size:15px; color:var(--gray) }
.questionnaire-cs .form-cs .rgst-qt .cs .time { font-size:15px; color:var(--primary) }
.questionnaire-cs .form-cs .rgst-qt .cs a { margin-top: 30px; font-size: 16px }
.questionnaire-cs .form-cs .rgst-qt-info { padding:30px; display: flex }
.questionnaire-cs .form-cs .rgst-qt-info h5 { width: 170px }
.questionnaire-cs .form-cs .rgst-qt-info ul { gap: 20px; display: grid }
.questionnaire-cs .form-cs .rgst-qt-info .sub-name { font-size:16px; font-weight: 500; color:var(--black); margin-bottom: 10px }
.questionnaire-cs .form-cs .rgst-qt-info .sub-name span { color:var(--primary); margin-right:6px }
.questionnaire-cs .form-cs .rgst-qt-info p { font-size: 14px; color:var(--black) }

.estimate-pop-tot {
    padding:30px;
    background: var(--thin-sky);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
}
.estimate-pop-tot .dt-price { display: flex; align-items: center }
.estimate-pop-tot .dt-price > div { display: flex; align-items: center }
.estimate-pop-tot .dt-price > div > h5 { margin-left: 30px }
.estimate-pop-tot .dt-price > div > h5 > span { font-weight: 400 }
.estimate-pop-tot .dt-price > div:first-child {
    border-right:1px solid var(--light-sky);
    padding-right:20px;
    margin-right:20px;
}

.star-rate-cs li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding:0 30px;
    border-bottom: 1px solid var(--light-sky);
    font-weight: 500;
    font-size: 15px;
}
.pcs-noti-cs button.blue-btn {
    color: #fff;
    background: #0E89E8;
    border: 1px solid #0E89E8;
    font-size: 14px;
    height: 56px;
    font-weight: 700;
    padding: 0 20px;
    gap: 0;
}

.privacy-cs .main-wrap { width: 1200px; margin:auto; }