@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');/* regular-400, medium-500, semibold-600, bold-700 */
html { margin: 0; overflow-y:scroll; }
html.noscroll, html.panelopen { overflow: hidden; }
body { margin: 0; padding: 0; font-size: 1rem; font-family: 'Pretendard', 'Noto Sans Kr', 'NanumGothic', 'Malgun Gothic','Exo 2', 'Work Sans', 'Montserrat'; font-weight: 400; background-color: var(--bgcolor); color: var(--fontbasic); }
h1, h2, h3, h4, h5, h6, form, fieldset, img { margin: 0; padding: 0; border: 0; }
article, aside, header, footer, nav, section { display: block; }
ul,li,dl,dt,dd,ol { margin: 0; padding: 0; list-style: none; }
legend { position: absolute; margin: 0; padding: 0;font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; }
label { display: inline-block; }
label, img { vertical-align:middle; margin: 0; }
input, button { margin: 0; padding: 0; }
button, input[type="submit"] { cursor: pointer; outline:none; box-shadow: none; border-width: 1px; border-color: transparent; }
button:focus,input[type="submit"]:focus { outline:none; box-shadow: none; border-width: 1px; border-color: transparent; }
textarea { resize: none; }
select { -webkit-appearance:none;  -moz-appearance:none; appearance:none; background: #fff url(/images/select_arrow.png) right 10px center no-repeat; padding-right: 30px; }
input, select, textarea { font: inherit; margin: 0px; padding: 0px; outline: none; box-shadow: none; border-color: #ddd; }
p { margin: 0; padding: 0; word-break: break-all; }
pre { overflow-x: scroll;}
a {  color: var(--fontbasic); }
a:hover,a:hover { }
a, a:hover, a:focus { text-decoration: none; }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sound_only { display: none !important; }
.btn_cke_sc { display: none !important; }
.ml-auto { margin-left: auto !important; }
@media(min-width: 992px) {
    html.noscroll body { padding-right: 17px; }
}
:root { 
--colorblack: #000000;
--colorwhite: #ffffff;
--colornavy: #414796;
--colorpurple: #bf51e0;
--colorpink: #ff74bc;
--colorgray: #b4b4b4;
--coloryellow: #ffe272;
--colorgreen: #74dc2e;
--colorblue: #3da5ff;
--colorred: #ff3737;
--colororange: #ff9351;
--colorteal: #00b9a8;
--colormint: #83f3b8;
--colorbeige: #f1d299;
--colorpeach: #eba39c;
--lightnavy: #afb3dc;
--lightpurple: #ecc9f5;
--lightpink: #ffc4e2;
--lightgray: #f6f6f6;
--lightyellow: #fff5d0;
--lightgreen: #dbf5c9;
--lightblue: #cae6ff;
--lightred: #ffcccc;
--lightorange: #ffdeca;
--lightteal: #cafffa;
--lightmint: #dcfceb;
--lightbeige: #faefda;
--lightpeach: #f9e1df;
--darknavy: #262957;
--darkpurple: #701889;
--darkpink: #ae005b;
--darkgray: #4a4a4a;
--darkyellow: #b08d00;
--darkgreen: #3d7814;
--darkblue: #005bae;
--darkred: #bb0000;
--darkorange: #b04200;
--darkteal: #007d71;
--darkmint: #0e924d;
--darkbeige: #785410;
--darkpeach: #e4897e;
}
/* page layout */
#container { display: flex; display: ms-flexbox!important; min-height: 400px; }
#aside_left { position: relative; flex: 1 1 25%; max-width: 25%; order: 1; -ms-flex-order: 1; padding-right: 25px; }
#container_wrap { position: relative; flex: 1 1 auto; order: 2; -ms-flex-order: 2; max-width: 100%; }
#aside_right { position: relative;  flex: 1 1 25%; max-width: 25%; order: 3; -ms-flex-order: 3; padding-left: 25px; }
@media (max-width: 992px) {
#aside_left, #aside_right { display: none !important; }
}
/* page layout */
.display-none { display: none !important; }
/* detail side display none */
#mbwnone #aside_left,
#mbwnone #aside_right { display: none !important; }
/* mobile-media-set */
@media(max-width: 992px) {
    .mobile-padding { padding: 0 10px !important; }
    .mobile-none { display: none !important; }
    .mobile-only { display: block !important; }
}
@media(min-width: 992px) {
    .mobile-only { display: none !important; }
}
#page-wrap { position: relative; }
.page-wrap-flex { display: flex; }
.page-wrap-flex > .page-wrap-side { flex: 1 1 22%; max-width: 22%; }
.page-wrap-flex > .page-wrap-container { flex: 1 1 auto; max-width: 100%; }
.page-wrap-flex > .page-wrap-side + .page-wrap-container { flex: 1 1 auto; max-width: 78%; padding-left: 50px; }
.page-wrap-flex > .page-wrap-container > .page-title { display: flex; border-bottom: 1px solid #ccc; font-size: 22px; padding-bottom: 8px; margin-bottom: 25px; }
@media(max-width: 992px) {
    #page-wrap { padding-top: 12px; }
    .page-wrap-flex { flex-wrap: wrap; }
    .page-wrap-flex > .page-wrap-side { flex: 1 1 100%; max-width: 100%; padding: 0 10px; }
    .page-wrap-flex > .page-wrap-container { flex: 1 1 100%; max-width: 100%; padding: 0 10px; }
    .page-wrap-flex > .page-wrap-side + .page-wrap-container { flex: 1 1 100%; max-width: 100%; padding: 0 10px; }
}

div.page-title { }
div.page-title > h2 { display: flex; border-bottom: 1px solid #ccc; font-size: 22px; padding-bottom: 8px; margin-bottom: 25px; }
div.page-title > h2 > span { }
.page-wrap-block { display: block; }
@media(max-width: 992px) {
    div.page-title { }
    div.page-title > h2 { font-size: 20px; padding-left: 10px; margin-bottom: 15px; }
    div.page-title > h2 > span { }
}

.minus { color: var(--colorred); }
.minus > .unit-w { position: relative; color: var(--colorred); }
.minus > .unit-w:before { position: absolute; width: 8px; height: 1px; background-color: var(--colorred); top: calc( 50% - 1px ); left: -10px; content: ''; }

/* 페이징 */
.pg_wrap { clear: both; margin: 0px 0px 20px 0px; padding: 20px 0px 20px 0px; text-align: center; }
.pg {}
.pg a:focus,
.pg a:hover { text-decoration:none; color: var(--primary); }
.pg_page,
.pg_current { display:inline-block; margin: 0px 2.5px; width: 27px; height: 27px; line-height: 25px; text-align:center; text-decoration:none; font-size:14px; background-color:#fff; color:#888; border:1px solid #ddd; vertical-align:middle; font-weight:normal; border-radius: 50%; }
.pg_page {}
.pg_current { background-color: var(--accent); border-color: var(--accent); color:#fff;}
.pg_start, .pg_end, .pg_prev, .pg_next {text-indent:-9999em;}
.pg_image { text-indent: -9999em; background-position: center center; background-repeat: no-repeat; background-size: 50%; }
.pg_start {background:url('/images/pg_start.png') center center no-repeat;}
.pg_end {background:url('/images/pg_end.png') center center no-repeat;}
.pg_prev {background:url('/images/pg_prev.png') center center no-repeat;}
.pg_next {background:url('/images/pg_next.png') center center no-repeat;}
.pg_empty {display:none}
.pg_prev.pg_empty, .pg_next.pg_empty {display:inline-block; width:0px !important;border:0; padding:0px; }

.input_text, .input_email, .input_phone { padding: .5rem .75rem; border: 1px solid #ccc; }
.input_textarea { width: 100%; min-height: 120px; padding: .5rem .75rem; border: 1px solid #ccc; }
.input_select { padding: 0.5rem 0.75rem; padding-right: 30px; border: 1px solid #ccc; border-radius: 0.25rem; }

/* full wrap */
.fullwrap-out { position: relative; width: 100%; min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; }
.fullwrap-out:before { display: block; width: 100%; height: 1px; content: ''; }
.fullwrap-out:after  { display: block; width: 100%; height: 50px; content: ''; }
.fullwrap-in { position: relative; width: 100%; display: flex; flex-direction: column; justify-content: space-between; margin-top: 50px; }
.fullwrap-in:before,
.fullwrap-in:after { display: block; width: 100%; height: 1px; content: ''; }
.fullwrap-in .sub-page-title { display: none; }

/* radio checkbox */
.inp-custom { display: inline-block; vertical-align: middle; }
.inp-custom:not(:first-child) { margin-left: 25px; }
.inp-custom input[type="radio"],
.inp-custom input[type="checkbox"] { display: none; }
.inp-custom input[type="radio"] + label { font-size: 15px; color: #222; font-weight: 400; cursor: pointer; letter-spacing: -0.51px; }
.inp-custom input[type="radio"] + label:before { display: inline-block; width: 17px; height: 17px; margin-right: 7px; content: ''; vertical-align: -3px !important; background: url(/images/radio_off.png)left top no-repeat; background-size: auto 100%; }
.inp-custom input[type="radio"]:checked + label:before { background: url(/images/radio_on.png)left top no-repeat; background-size: auto 100%; }
.inp-custom input[type="checkbox"] + label { font-size: 15px; color: #222; font-weight: 400; cursor: pointer; letter-spacing: -0.51px; }
.inp-custom input[type="checkbox"] + label:before { display: inline-block; width: 17px; height: 17px; margin-right: 7px; content: ''; vertical-align: -3px !important; background: url(/images/check_off.png)left top no-repeat; background-size: auto 100%; }
.inp-custom input[type="checkbox"]:checked + label:before { background: url(/images/check_on.png)left top no-repeat; background-size: auto 100%; }
.inp-custom label > span { display: inline-block; margin-right: 3px; }
.inp-custom label > span:last-child { margin-right: 0; }

.radio_wrap { display: flex; }
.radio_wrap > .radio_box { margin-right: 10px; }
.radio_wrap > .radio_box:last-child { margin-right: 0; }
.radio_wrap > .radio_box > input[type="radio"] { position: absolute; z-index: -1; opacity: 0; }
.radio_wrap > .radio_box > label { display: inline-block; text-align: center; padding: .375rem .75rem; width: 100%; border: 1px solid #ddd; border-radius: .25rem; }

/* item icon basic wrap */
.item-icon-wrap { position: absolute; display: flex; top: 5px; left: 8px; }
.item-icon-wrap > .item_icon { flex: 0 0 auto; margin-right: 5px; }
.item-icon-wrap > .item_icon:last-child { margin-right: 0; }
.item-icon-wrap > .ic_basic > .ic { display: inline-block; font-size: 12px; padding: 0 6px; font-weight: normal; border-radius: 3px; line-height: 20px; }

/* mypage write form */
.mypage-write-form { }
.mypage-write-form > .mypage-write-item { display: flex; border: 1px solid #ddd; border-radius: 8px; padding: 12px; }
.mypage-write-form > .mypage-write-item > .image { flex: 0 0 60px; max-width: 60px; }
.mypage-write-form > .mypage-write-item > .image img { width: 100%; height: auto; }
.mypage-write-form > .mypage-write-item > .item { padding-left: 25px; align-self: center; }
.dtable-form.tbl-write-form { border: 0; display: flex; flex-wrap: wrap; }
.tbl-write-form > .dl { display: flex; flex: 1 1 100%; max-width: 100%; border: 0; }
.tbl-write-form > .dl.dlf > .dth { display: flex; flex: 1 1 120px; max-width: 120px; background-color: transparent; border: 0; padding: 12px 8px; margin-bottom: .25rem; }
.tbl-write-form > .dl.dlf > .dtd { flex: 1 1 auto; max-width: calc( 100% -120px ); padding: 8px; align-self: center; }
.tbl-write-form > .dl+.dl { margin-top: .75rem; }
.tbl-write-form > .dl.dlf > .dth .req { position: relative; display: inline-block; font-weight: 500; align-self: center; }
.tbl-write-form > .dl.dlf > .dth .req:after { position: absolute; content: '*'; color: #ff0c0c; right: -10px; }
.tbl-write-form > .dl.dlf > .dth .chk { align-self: center; }
.tbl-write-form > .dl.dlf > .dtd .frm-input { }
.tbl-write-form > .dl.dlf > .dtd .frm-input input[type="text"] { width: 100%; background: #f6f6f6; border: 1px solid #f6f6f6; padding: .5rem .75rem; border-radius: .25rem; }
.tbl-write-form > .dl.dlf > .dtd .frm-input textarea { width: 100%; height: 160px; background: #f6f6f6; border: 1px solid #f6f6f6; padding: .5rem .75rem; border-radius: .25rem; }
.tbl-write-form > .dl.dlf.phone > .dtd .frm-input-row { justify-content: space-between; }
.tbl-write-form > .dl.dlf.phone > .dtd .frm-input { flex: 1 1 32%; max-width: 32%; }
.tbl-write-form > .dl.dlf.address > .dtd .frm-zip { flex: 1 1 50%; max-width: 50%; }
.tbl-write-form > .dl.dlf.address > .dtd .btn_zip { background: #000; color: #fff; }
.tbl-write-form + .tbl-button-wrap { margin: 25px 0; display: flex; justify-content: center; }
.tbl-write-form + .tbl-button-wrap > .btn { flex: 1 1 auto; max-width: 220px; border-radius: 0; margin-right: 10px; padding: 12px 0; text-align: center; font-size: 1rem; }
.tbl-write-form + .tbl-button-wrap > .btn:last-child { margin-right: 0; }
.tbl-write-form + .tbl-button-wrap > .btn_cancel { background-color: #fff; border: 1px solid var(--accent); color: var(--accent); }
.tbl-write-form + .tbl-button-wrap > .btn_submit { background-color: var(--accent); border: 1px solid var(--accent); color: #fff; }
@media(max-width: 768px) {
    .tbl-write-form > .dl { flex-wrap: wrap; }
    .tbl-write-form > .dl.dlf > .dth { flex: 1 1 100%; max-width: 100%; padding: 4px 0 0 0; }
    .tbl-write-form > .dl.dlf > .dtd { flex: 1 1 100%; max-width: 100%; padding: 4px 0 0 0; }
    .tbl-write-form + .tbl-button-wrap > .btn {  max-width: 40%; font-size: 14px; padding: 8px 0; }
}

/* modal */
.myModal { position: fixed; top: 0; left: 0; z-index: 9999; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; transition: all 0.5s ease-in-out; background: rgba(0,0,0,.7); }
.myModal-dialog { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: none; max-height: calc(100% - 1.5rem); margin: 1.75rem auto; }
.myModal-dialog:before { display: block; width: 100%; height: 1px; content: ""; }
.myModal-dialog:after { display: block; width: 100%; height: 1px; content: ""; }
.myModal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; overflow: hidden; max-height: calc(100vh - 3.5rem); top: -100px; transition: all 0.5s ease-in-out; }
.myModal-content.open { top: 0; opacity:1; visibility: visible; transition: all 0.5s ease-in-out; }
.myModal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: .3rem; border-top-right-radius: .3rem; flex-shrink: 0; }
.myModal-header .header-title { align-self: center; }
.myModal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; overflow-y: auto; }
.myModal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem; flex-shrink: 0; }
.myModal .myModal-header button.closex,
.myModal .myModal-footer button.closex{ position: relative; width: 60px; height: 60px !important; padding: 0 !important; border-radius: 0; border: 0; background: transparent; outline: none; box-shadow: none; }
.myModal .myModal-header button.closex:before,
.myModal .myModal-header button.closex:after,
.myModal .myModal-footer button.closex:before, 
.myModal .myModal-footer button.closex:after{ content: ""; margin: auto; display: block; width: 50%; height: 1px; background: #fff; }
.myModal .myModal-header button.closex:before,
.myModal .myModal-footer button.closex:before{ transform: rotate(-45deg); }
.myModal .myModal-header button.closex:after,
.myModal .myModal-footer button.closex:after{ transform: rotate(45deg); }
.myModal .body-closex { position: absolute; right: 5px; top: 5px; width: 40px; height: 40px !important; padding: 0 !important; border-radius: 0; border: 0; background: transparent; outline: none; box-shadow: none; }
.myModal .body-closex:before,
.myModal .body-closex:after { content: ""; margin: auto; display: block; width: 50%; height: 1px; background: #000; }
.myModal .body-closex:before{ transform: rotate(-45deg); }
.myModal .body-closex:after{ transform: rotate(45deg); }
@media (max-width: 992px) {
.myModal .myModal-dialog { max-height: 100%; margin: 0 auto; }
.myModal .myModal-content { max-height: 100vh; }
}

/* 전화상담 */
.modal-callcenter .myModal-dialog { max-width: 630px; }
.modal-callcenter .myModal-header { display: none; }
@media (max-width: 768px) {
    .modal-callcenter .myModal-dialog { height: 100vh; }
    .modal-callcenter .myModal-dialog:before,
    .modal-callcenter .myModal-dialog:after { height: 0; }
    .modal-callcenter .myModal-content { height: 100vh; max-height: 100vh; }
    .modal-callcenter .myModal-body { padding: .5rem; }
}
/* 모달 로그인 */
.modal-login .myModal-dialog { max-width: 460px; height: 100vh; max-height: 100vh; justify-content: space-between; }
.modal-login .myModal-header { display: none; }

.modal-callcenter .pop-layer-inner { position: relative; }
.pop-layer-inner .pop-title { position: relative; padding: 0 0 15px 0; color: #000; font-size: 22px; border-bottom: solid 3px #000; }
.pop-layer-inner .closex { position: absolute; right: 0; top: -10; width: 35px; height: 35px; text-indent: -999em; white-space: nowrap; background: url(/images/ico-close.png) no-repeat center center; overflow: hidden; }
.pop-layer-inner .pop-guide { margin: 10px 0 20px 0; }
.pop-layer-inner .pop-guide > li { font-size: 13px; letter-spacing: -0.5px; }
.pop-layer-inner .pop-guide > li.time { color: #dc3545; }
.pop-layer-inner .pop-guide > li.time > span { display: inline-block; }
.pop-layer-inner .pop-guide > li.time > span:not(:first-child) { margin-left: 10px; }
.pop-layer-inner .detail-items { padding: 10px 25px 10px 25px; background-color: #f9fafc; }
.pop-layer-inner .detail-items h3 { font-size: 16px; font-weight: 500; color: #000; padding: 10px 0 10px; }
.pop-layer-inner .dtable-form { border: 0; }
.pop-layer-inner .dtable-form > .dl { display: flex; border: 0; font-size: 13px; }
.pop-layer-inner .dtable-form > .dl > .dth { flex: 1 1 35%; max-width: 35%; padding: 1px 10px 3px 10px; }
.pop-layer-inner .dtable-form > .dl > .dtd { flex: 1 1 65%; max-width: 65%; padding: 1px 10px 3px 10px; }
.pop-layer-inner .dtable-form > .dl.dlf > .dth { flex: 1 1 17.5%; max-width: 17.5%; }
.pop-layer-inner .dtable-form > .dl.dlf > .dtd { flex: 1 1 82.5%; max-width: 82.5%; }
.pop-layer-inner .dtable-form > .dl > .dtd .input_text { max-width: 100%; }
.pop-layer-inner .dtable-form > .dl > .dtd select { padding: .375rem 1.25rem .375rem 1rem; width: 100%; border: 1px solid #eee; color: #575757; }
.pop-layer-inner .dtable-form > .dl > .dtd textarea { min-height: 120px; }
.pop-layer-inner .dtable-form > .dl.dl-box { padding: 25px 15px; }
.pop-layer-inner .dtable-form > .dl.dl-box > .box-image { flex: 1 1 25%; max-width: 25%; }
.pop-layer-inner .dtable-form > .dl.dl-box > .box-image > img { width: 100%; height: auto; }
.pop-layer-inner .dtable-form > .dl.dl-box > .box-item { padding-left: 15px; align-self: center; }
.pop-layer-inner .dtable-form > .dl.dl-box > .box-item > span { }
.pop-layer-inner .dtable-form > .dl.dl-box > .box-item > p { }
.pop-layer-inner .radio_wrap { display: flex; }
.pop-layer-inner .radio_wrap .radio_box { flex: 1 1 33.333333%; max-width: 33.333333%; }
.pop-layer-inner .radio_wrap .radio_box .radio_box:last-child { margin-right: 0; }
.pop-layer-inner .radio_wrap .radio_box input[type="radio"] { position: absolute; z-index: -1; opacity: 0; }
.pop-layer-inner .radio_wrap .radio_box label { position: relative; cursor: pointer; width: 100%; text-align: center; border-radius: 0; background-color: #fff; }
.pop-layer-inner .radio_wrap input[type="radio"]:checked~ label { background-color: #fff; border-color: #dc3545; color:#dc3545; }
.pop-layer-inner .detail-agree { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 12px 0 19px 0; }
.pop-layer-inner .detail-agree .agree-item { margin-bottom: .25rem; }
.pop-layer-inner .detail-agree .agree-item-detail { padding-left: 17px; }
.pop-layer-inner .detail-agree .agree-content { display: none; }
.pop-layer-inner .detail-agree .agree-content.open { display: block; }
.pop-layer-inner .detail-agree .agree-content > .agree-content-inner { margin: 15px; padding: 8px 8px 12px 15px; border: 1px solid #ddd; max-height: 120px; overflow-y: auto; font-size: 12px !important; }
.pop-layer-inner .detail-agree .agree-check { position: relative; font-size: 13px; }
.pop-layer-inner .detail-agree .agree-check > label > .agree_req { display: inline-block; margin-left: 3px; color: #dc3545; }
.pop-layer-inner .detail-agree .agree-check > .check-item { position: absolute; z-index: -1; opacity: 0; }
.pop-layer-inner .detail-agree .agree-check > .check-item + .check-label-circle { position: relative; padding-left: 20px; cursor: pointer; }
.pop-layer-inner .detail-agree .agree-check > .check-item + .check-label-circle:before { display: inline-block; content: ''; position: absolute; top: 50%; left: 0; width: 17px; height: 17px; margin-top: -8px; border: 1px solid #ddd; border-radius: 50%; background-color: transparent; background-image: url(/images/ico_check_sm_off.png); background-size: 100% 100%; }
.pop-layer-inner .detail-agree .agree-check > .check-item:checked + .check-label-circle:before { border: 1px solid #dc3545; background-color: #dc3545; border-radius: 50%; background-image: url(/images/ico_check_sm_on.png); }
.pop-layer-inner .detail-agree .agree-check > .btn-agree-toggle { display: block; position: absolute; top: 0; right: 3px; padding: 2px; }
.pop-layer-inner .detail-agree .agree-check > .btn-agree-toggle > span { display: inline-block; width: 20px; height: 20px; overflow: hidden; background-image: url(/images/btn_toggle_down.png); }
.pop-layer-inner .detail-agree .agree-check > .btn-agree-toggle.up > span { transform: rotate(180deg); }

@media (max-width: 768px) {
    .pop-layer-inner .detail-items { padding: 10px 15px; }
    .pop-layer-inner .dtable-form > .dl { flex: 1 1 100%; max-width: 100%; }
    .pop-layer-inner .dtable-form > .dl.dlf > .dth { flex: 1 1 35%; max-width: 35%; }
    .pop-layer-inner .dtable-form > .dl.dlf > .dtd { flex: 1 1 65%; max-width: 65%; }
    .pop-layer-inner .dtable-form > .dl.total > .dth { flex: 1 1 40%; max-width: 40%; }
    .pop-layer-inner .dtable-form > .dl.total > .dtd { flex: 1 1 60%; max-width: 60%; text-align: right; }
}
.pop-layer-inner .detail-input { padding: 10px 25px 10px 25px; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf { margin-bottom: .5rem; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dth { flex: 1 1 30%; max-width: 30%; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dtd { flex: 1 1 70%; max-width: 70%; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dtd > .input_text { width: 100%; border-radius: 0; }
.pop-layer-inner .detail-agree { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 12px 0 19px 0; }
.pop-layer-inner .detail-agree .agree-item { margin-bottom: .25rem; }
.pop-layer-inner .detail-agree .agree-item-detail { padding-left: 17px; }
.pop-layer-inner .detail-agree .agree-content { display: none; }
.pop-layer-inner .detail-agree .agree-content.open { display: block; }
.pop-layer-inner .detail-agree .agree-content > .agree-content-inner { margin: 15px; padding: 8px 8px 12px 15px; border: 1px solid #ddd; max-height: 120px; overflow-y: auto; font-size: 12px !important; }
.pop-layer-inner .button_wrap { margin: 25px 0 5px 0; text-align: center; }
.pop-layer-inner .button_wrap .btn-submit { background-color: #4a4c58; border: 1px solid #4a4c58; font-size: 14px; padding: 8px 16px; color: #fff; width: 50%; }
.pop-layer-inner .button_wrap .btn-submit:hover { background-color: #dc3545; border: 1px solid #dc3545; }
.pop-layer-inner .button_wrap .btn-round { border-radius: 25px; }

/*sidequick*/
#sidetab { z-index: 99999; position: fixed; top: 0px; left: 0; right: 0; }
#sidetab .sidetab { width: 100%; margin:auto; position:relative; }
#sidetab > .sidetab > .scroll_wrap { }
#sidetab > .sidetab > .scroll_wrap > div { margin-bottom: .5rem; }

.circle-check { position: relative; display: block; width: 32px; height: 32px; background-color: #494949; border-radius: 50%; margin: 0 auto; }
.circle-check:before { position: absolute; width: 11px; height: 2px; background-color: #fff; transform: rotate(45deg); content: ''; left: 4px; top: 19px;}
.circle-check:after { position: absolute; width: 18px; height: 2px; background-color: #fff; transform: rotate(-45deg); content: ''; left: 10px; top: 17px; }