@charset "utf-8";
@import url('https://fastly.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:auto; }
/* 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.svg) right 10px center / 10px auto 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 { color: var(--fontbasic); } */
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; }
@media(min-width: 992px) {
    /* html.noscroll body { padding-right: 17px; } */
}
@media(max-width: 499px) {
    html.noscroll, html.panelopen { overflow: hidden; }
}
: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: #6B6B6B;
--darkyellow: #b08d00;
--darkgreen: #3d7814;
--darkblue: #005bae;
--darkred: #bb0000;
--darkorange: #b04200;
--darkteal: #007d71;
--darkmint: #0e924d;
--darkbeige: #785410;
--darkpeach: #e4897e;
/* --min_height: 775px; */
--min_height: calc( 100vh - 120px );
}
@media(max-width: 992px) {
    :root {
        --min_height: 70vh;
    }
}
/* page layout */
#container { display: flex; display: ms-flexbox!important; min-height: var(--min_height); }
#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) {
    #container { min-height: var(--min_height); }
    #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; padding-top: 40px;}
.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: 2px solid #000; font-size: 22px; padding-bottom: 12px; margin-bottom: 25px; padding-top: 0;}
@media(max-width: 992px) {
    #page-wrap { padding-top: 0; }
    .page-wrap-flex { flex-wrap: wrap; }
    .page-wrap-flex > .page-wrap-side { flex: 1 1 100%; max-width: 100%; }
    .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; }
    .page-wrap-flex > .page-wrap-container > .page-title { display: none; }
}

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 { }
}

/* 페이징 */
.pg_wrap { clear: both; margin: 0; padding: 50px 0px 0px 0px; text-align: center; }
.pg {}
.pg a:focus,
.pg a:hover { text-decoration:none; background-color: #F6F6F6; color: #b4b4b4; }
.pg_page,
.pg_current { display:inline-block; margin: 0px 2.5px; width: 27px; height: 27px; line-height: 27px; text-align:center; text-decoration:none; font-size:16px; background-color:#fff; color:#B4B4B4; border: none; vertical-align:middle; font-weight:normal; border-radius: 4px; transition: .2s; }
.pg_page {}
.pg_current { background-color: #FBF3F7; color: var(--accent); }
.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; }
@media (max-width: 768px) {
    .pg_page, .pg_current { font-size: 15px; }
}

input { font-size: 15px; }
::placeholder { color: #B4B4B4; font-size: 15px; }
input, select { height: 48px !important; }
.input_text, .input_email, .input_phone { padding: .5rem .75rem; border: 1px solid #EDEDED; }
.input_textarea { width: 100%; min-height: 120px; padding: .5rem .75rem; border: 1px solid #EDEDED; }
.input_select { padding: 0.5rem 0.75rem; padding-right: 30px; border: 1px solid #EDEDED; border-radius: 0.25rem; }

@media (max-width: 992px) {
    input { font-size: 14px; }
    ::placeholder { color: #B4B4B4; font-size: 14px; }
}
@media (max-width: 500px) {
    input, select { height: 52px !important; }
    .input_text, .input_email, .input_phone { width: 100%; }
}

/* full wrap */
.fullwrap-out { position: relative; width: 100%; min-height: var(--min_height); display: flex; flex-direction: column; justify-content: space-between; }
#container .fullwrap-out { min-height: 100%; height: 100%; }
.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%;  min-height: var(--min_height); display: flex; flex-direction: column; justify-content: space-between; }
.fullwrap-in:before,
.fullwrap-in:after { display: block; width: 100%; height: 1px; content: ''; }
.fullwrap-in .sub-page-title { display: none; }
@media(max-width: 992px) {
    .fullwrap-out {
        min-height: var(--min_height);
    }

    .fullwrap-in { min-height: calc(100vh - 60px); }
}

@media(max-width: 450px) {
    .fullwrap-in { height: 100%; justify-content: flex-start; padding-top: 60px;}
}

/* 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: 6px; }
.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; 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; padding: 0 7px; font-weight: normal; border-radius: 3px; line-height: 22px; }
@media (max-width: 992px) { 
    .item-icon-wrap > .item_icon { flex: 0 0 auto; margin-right: 4px; }
    .item-icon-wrap > .ic_basic > .ic { padding: 0 6px; line-height: 18px;}
}

/* article list */
.article-desc { position: relative; padding: 12px 15px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 12px; }
.article-desc:first-child { margin-top: 15px; }
.article-desc:last-child { margin-bottom: 0; }
.article-desc .article-image { position: absolute; width: 50px; }
.article-desc .article-image img { width: 100%; height: auto; }
.article-desc .article-image ~ .article-header,
.article-desc .article-image ~ .article-subject { padding-left: 62px; }
.article-desc .article-header { display: flex; }
.article-desc .article-header > span { display: inline-block; margin-right: 8px; align-self: center; }
.article-desc .article-header > span.state { padding: 2px 8px; background: #6c757d; color: #fff; text-align: center; border-radius: 3px;}
.article-desc .article-header > span.state.complete { background: #6ea82f; }
.article-desc .article-header > span:last-child { margin-right: 0; }
.article-desc .article-header > .star { margin-left: auto; }
.article-desc .article-subject { display: flex; }
.article-desc .article-subject span { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.article-desc .article-content .desc-content { margin-top: 5px; font-size: 14px; padding: 8px 0 8px 12px; }
.article-desc .article-content .desc-sub-article { margin-top: 15px; padding: 15px 12px; background: #f9f9f9; border-radius: 8px; }
.article-desc .article-content .desc-sub-article p.sub-article-subject { font-weight: 500; }
.article-desc .article-content .desc-sub-article p.sub-article-content { font-size: 14px; }
.article-desc button { position: absolute; top: 28px; right: 15px; display: inline-block; background-color: transparent; padding: 0; }
.article-desc button img { width: 13px !important; height: auto; }
.article-desc.article-review button { top: 35px; }
.article-btn { margin-top: 5px; text-align: right; }
.article-btn .btn { }
.article-btn .btn_write { padding: 4px 12px; border: 1px solid var(--accent); color: var(--accent); background-color: #fff; border-radius: 5px; font-size: 14px; }

/* 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%; border: 1px solid #ededed; padding: .5rem .75rem; }
.tbl-write-form > .dl.dlf > .dtd .frm-input textarea { width: 100%; height: 160px; border: 1px solid #ededed; 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; padding-left: 128px; }
.tbl-write-form + .tbl-button-wrap > .btn { flex: 1 1 auto; max-width: 180px; border-radius: 0; margin-right: 10px; padding: 0; text-align: center;}
.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 { padding-left: 0;}
    .tbl-write-form + .tbl-button-wrap > .btn { max-width: 126px; }
}

/* 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: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; width: 100%; pointer-events: none; max-height: calc(100% - 1.5rem); }
.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-radius: 20px; 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: 30px; 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: 20px; height: 20px !important; padding: 0 !important; border-radius: 0; border: 0; background: url(/images/ico-close.png) center center / 16px auto no-repeat; outline: none; box-shadow: none; }

.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; }
}
@media (max-width: 768px) {
    .myModal-content { border-radius: 12px; }
}

/* 전화상담 */
.modal-callcenter .myModal-dialog { max-width: 458px; }
.modal-callcenter .myModal-header { display: none; }
@media (max-width: 768px) {
.modal-callcenter .myModal-dialog { max-width: 320px; height: auto; max-height: 100vh; overflow: auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.modal-callcenter .myModal-dialog:before,
.modal-callcenter .myModal-dialog:after { height: 0; }
.modal-callcenter .myModal-content { height: auto; max-height: 100vh; }
.modal-callcenter .myModal-body { padding: 20px; }
}
.modal-callcenter .pop-layer-inner { position: relative; }
.pop-layer-inner .pop-title { padding: 0 0 15px 0; color: #000; font-size: 22px; text-align: center; }
.pop-layer-inner .closex { position: absolute; right: 0; top: 0; width: 20px; height: 20px; text-indent: -999em; white-space: nowrap; background: url(/images/ico-close.png) center center / 16px auto no-repeat; overflow: hidden; }
.pop-layer-inner .pop-guide { margin: 0 0 40px 0; text-align: center; line-height: 1.4; }
.pop-layer-inner .pop-guide > li { font-size: 13px; letter-spacing: -0.5px; }
.pop-layer-inner .pop-guide > li.time { color: var(--accent); }
.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,
.pop-layer-inner .detail-input { padding: 0; }
.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; align-items: center; margin-bottom: 10px;}
.pop-layer-inner .dtable-form > .dl > .dth { flex: 1 1 35%; max-width: 35%;  }
.pop-layer-inner .dtable-form > .dl > .dtd { flex: 1 1 65%; max-width: 65%; }
.pop-layer-inner .dtable-form > .dl.dlf > .dth { flex: 1 1 97px; max-width: 97px; }
.pop-layer-inner .dtable-form > .dl.dlf > .dtd { flex: 1 1 calc(100% - 97px); max-width: calc(100% - 97px); }
.pop-layer-inner .dtable-form > .dl > .dtd .input_text { max-width: 100%; }
.pop-layer-inner .dtable-form > .dl > .dtd select { width: 100%; height: 40px !important; border: 1px solid #000; color: #000; border-radius: 4px; font-size: 15px; padding: 0 10px; }
.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%; height: 36px; line-height: 35px; text-align: center; border-radius: 4px; border-color: #F8F8F8; background-color: #F8F8F8; }
.pop-layer-inner .radio_wrap input[type="radio"]:checked~ label { background-color: #fff; border-color: #000; color:#000; }
.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 .pop-title { padding: 16px 0 12px; }
    .pop-layer-inner .pop-guide { margin-bottom: 20px;}
.pop-layer-inner .detail-items { padding: 0; }
.pop-layer-inner .dtable-form > .dl { flex: 1 1 100%; max-width: 100%; flex-direction: column; align-items: flex-start; margin-bottom: 20px;}
.pop-layer-inner .dtable-form > .dl.dlf > .dth { flex: 1 1 100%; max-width: 100%; margin-bottom: 10px; }
.pop-layer-inner .dtable-form > .dl.dlf > .dtd { flex: 1 1 100%; max-width: 100%; width: 100%; }
.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 { margin-top: 20px; padding: 0; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf { margin-bottom: 10px; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dth { flex: 1 1 97px; max-width: 97px; }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dtd { flex: 1 1 calc(100% - 97px); max-width: calc(100% - 97px); }
.pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dtd > .input_text { width: 100%; height: 40px !important; border-radius: 4px; }
.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: 30px 0 10px 0; text-align: center; }
.pop-layer-inner .button_wrap .btn-submit { background-color: var(--accent); color: #fff; width: 233px; height: 48px; }
.pop-layer-inner .button_wrap .btn-round { border-radius: 8px; }
@media (max-width: 768px) {
    .pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dth,
    .pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dtd { flex: 1 1 100%; max-width: 100%; }
    .pop-layer-inner .radio_wrap .radio_box label { height: 42px; line-height: 42px; }
    .pop-layer-inner .dtable-form > .dl > .dtd select,
    .pop-layer-inner .detail-input .dtable-form > .dl.dlf > .dtd > .input_text { height: 42px !important; }
    .pop-layer-inner .button_wrap .btn-submit { width: 220px; height: 50px;}
}
/*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; }