@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; }
h1, h2, h3, h4, h5, h6 { }
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;}
button:focus,input[type="submit"]:focus { outline:none; box-shadow: none;}
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; }
.mask-num { text-align: right; }
p { margin: 0; padding: 0; word-break: break-all; }
pre { overflow-x: scroll;}
span, em { display: inline-block; font-style: normal; }
a { color: var(--fontbasic); }
a, a:visited, a:hover, a:focus { text-decoration: none; }
*, :after, :before { box-sizing: border-box; }
.sound_only { display: none !important; }
.btn_cke_sc { display: none !important; }
.ml-auto { margin-left: auto; }
:root { 
--colorblack: #000000;
--colorwhite: #ffffff;
--colornavy: #414796;
--colorpurple: #bf51e0;
--colorpink: #ff74bc;
--colorgray: #dcdcdc;
--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: #42124f;
--darkpink: #ae005b;
--darkgray: #4a4a4a;
--darkyellow: #b08d00;
--darkgreen: #3d7814;
--darkblue: #005bae;
--darkred: #bb0000;
--darkorange: #b04200;
--darkteal: #007d71;
--darkmint: #0e924d;
--darkbeige: #785410;
--darkpeach: #e4897e;
}
.font-accent { color: var(--fontaccent); }
.font-dgray { color: var(--darkgray); }
.font-red { color: var(--colorred); }
.tag { color: var(--tagftcolor); }

/* 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,
#mbwnone #mobile-fix-nav,
#mbwnone .scroll_wrap { 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; margin-bottom: 35px; }
.page-wrap-block { display: block; }
.page-wrap-flex { display: flex; }
.page-wrap-flex > .page-wrap-side { flex: 1 1 20%; max-width: 20%; }
.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: 80%; padding-left: 50px; }
.page-wrap-flex > .page-wrap-container > .content-wrapper { position: relative; }
.page-wrap-container .page-title { display: flex; margin: 25px 0 15px 0; padding: 0 0 8px 0; }
.page-wrap-container .page-title > span { font-size: 18px; font-weight: 600; }
@media(max-width: 768px) {
    .page-wrap-container .page-title { display: flex; margin: 15px 0 15px 0; padding: 0 0 8px 10px; }
    .page-wrap-container .page-title > span { font-size: 16px; }
    .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 10px; }
    .page-wrap-flex > .page-wrap-container > .page-title { font-size: 16px; }
    .content-wrapper { padding: 0 10px; }
}

ul.search-item-list { display: flex; flex-wrap: wrap; }
ul.search-item-list > .item-list { margin-bottom: 15px; padding: 0 10px; }
ul.search-item-list.swiper-wrapper { flex-wrap: nowrap; }
ul.search-item-list.swiper-wrapper > .item-list { margin-bottom: 0; }

/* 페이징 */
.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(--fontaccent); border: 1px solid var(--fontaccent); }
.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(--fontaccent); border-color: var(--fontaccent); 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; }

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

/*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; }

/* minus */
.minus { color: var(--fontaccent); }
span > .minus { padding-left: 6px; margin-left: 1px; }
.minus > .unit-w { position: relative; color: var(--fontaccent); }
.minus > .unit-w:before { position: absolute; width: 6px; height: 1px; background-color: var(--fontaccent); top: 50%; left: -7px; content: ''; }

/* navi */
.navi-wrap { position: relative; padding: 15px 0 15px 0; border-bottom: 1px solid #ddd; margin-bottom: 25px; }
.navi-wrap > .navi-wrap-inner { display: flex; }
.navi-wrap > .navi-wrap-inner > .navi-title { }
.navi-wrap > .navi-wrap-inner > .navi-pos { margin-left: auto; align-self: flex-end; display: flex; }
.navi-wrap > .navi-wrap-inner > .navi-pos > a { position: relative; display: block; margin-right: 26px; font-size: 14px; color: #000; font-weight: 400; }
.navi-wrap > .navi-wrap-inner > .navi-pos > a:last-child { margin-right: 0; }
.navi-wrap > .navi-wrap-inner > .navi-pos > a:after { position: absolute; content: '＞'; width: 26px; display: inline-block; text-align: center; }
.navi-wrap > .navi-wrap-inner > .navi-pos > a:last-child:after { content: ''; display: none; }
@media(max-width: 768px) {
    .navi-wrap { display: none; }
    .navi-wrap > .navi-wrap-inner { display: flex; }
    .navi-wrap > .navi-wrap-inner > .navi-title { display: none; }
    .navi-wrap > .navi-wrap-inner > .navi-pos { margin: 0; padding-left: 10px; }
}

/* flex-row */
.row-wrap { position: relative; display: flex; flex-wrap: wrap; width: 100%; }
.row-wrap > dl { flex: 1 1 50%; max-width: 50%; display: flex; border-bottom: 1px solid #d7d7d7; }
.row-wrap > dl > dt { position: relative; flex: 1 1 30%; max-width: 30%; padding: 12px 0 12px 15px; background: #fafafa; }
.row-wrap > dl > dd { position: relative; flex: 1 1 70%; max-width: 70%; padding: 12px 8px 12px 15px; align-self: center; }
.row-wrap > dl > dt span.require { position: relative; }
.row-wrap > dl > dt span.require:after { position: absolute; right: -8px; top: 7px; display: inline-block; content: ''; width: 3px; height: 3px; background: #e83e8c; border: 1px solid #e83e8c; border-radius: 50%; }
.row-wrap > dl.dlf { flex: 1 1 100%; max-width: 100%; }
.row-wrap > dl.dlf > dt { flex: 1 1 15%; max-width: 15%; }
.row-wrap > dl.dlf > dd { flex: 1 1 85%; max-width: 85%; }
.row-wrap > dl > dd > .form-wrap { position: relative; width: 100%; }
.row-wrap > dl > dd > .form-flex { position: relative; display: flex; }
.row-wrap > dl > dd > .form-flex > div { margin-right: 10px; }
.row-wrap > dl > dd > .form-flex > div:last-child { margin-right: 0; }
.row-wrap > dl > dd > .form-input .input_text,
.row-wrap > dl > dd > .form-input .input_select { width: 100%; }
.row-wrap > dl > dd > .form-input.from-flex .input_text { width: auto; }
.row-wrap > dl > dd > .form-input .byte_view { position: absolute; top: 0; right: 0; padding: .5rem .375rem; font-size: 12px; color: #17a2b8; }
.row-wrap > dl > dd > .form-guide-box { margin: 10px 0; font-size: 14px; letter-spacing: -.1em; }
.row-btn-wrap { position: relative; width: 100%; display: flex; justify-content: center; margin: 35px 0; }
.row-btn-wrap .btn { display: inline-block; padding: 12px; text-align: center; min-width: 160px; margin-right: 8px; background-color: #fafafc; border-radius: 0.25; }
.row-btn-wrap .btn:last-child { margin-right: 0; }
.row-btn-wrap .btn-cancel { background-color: #6c757d; color: #fff; }
.row-btn-wrap .btn-submit { background-color: #007bff; color: #fff; }
.row-wrap-cols { position: relative; display: flex; flex-direction: column; } 
@media (max-width: 768px) {
    .row-wrap > dl { flex: 1 1 100%; max-width: 100%; }
    .row-wrap > dl.dlf > dt { flex: 1 1 30%; max-width: 30%; }
    .row-wrap > dl.dlf > dd { flex: 1 1 70%; max-width: 70%; }
}

/* table */
.dtable-form { position: relative; width: 100%; display: flex; flex-wrap: wrap; border-top: 1px solid #d6dce7; }
.dtable-form > .dl { position: relative; flex: 1 1 50%; max-width: 50%; display: flex; border-bottom: 1px solid #d6dce7; }
.dtable-form > .dl.dlf { position: relative; flex: 1 1 100%; max-width: 100%; }
.dtable-form > .dl > .dth { flex: 1 1 25%; max-width: 25%; padding: 10px; }
.dtable-form > .dl > .dtd { flex: 1 1 75%; max-width: 75%; padding: 10px; }
.dtable-form > .dl.dlf > .dth { flex: 1 1 12.5%; max-width: 12.5%; }
.dtable-form > .dl.dlf > .dtd { flex: 1 1 87.5; max-width: 87.5%; }
.dtable-button-wrap { margin: 25px 0; display: flex; }
.dtable-button-wrap > .btn { margin-right: 8px; }
.dtable-button-wrap > .btn:last-child { margin-right: 0; }
.dtable-form.tbl-write-form { border: 0; }
.tbl-write-form > .dl { flex: 1 1 100%; max-width: 100%; border: 0; }
.tbl-write-form > .dl.dlf > .dth { display: flex; flex: 1 1 20%; max-width: 20%; background-color: transparent; border: 0; padding: 12px 8px; margin-bottom: .25rem; }
.tbl-write-form > .dl.dlf > .dtd { flex: 1 1 80%; max-width: 80%; padding: 0; padding: 12px 8px; }
.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"],
.tbl-write-form > .dl.dlf > .dtd .frm-input input[type="password"] { 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: 50%; max-width: 260px; border-radius: 25px; 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(--primary); color: var(--primary); }
.tbl-write-form + .tbl-button-wrap > .btn_submit { background-color: var(--accent); border: 1px solid var(--accent); color: #fff; }
@media(max-width: 576px) {
    .tbl-write-form > .dl { flex-wrap: wrap; }
    .tbl-write-form > .dl.dlf > .dth { flex: 1 1 100%; max-width: 100%; padding: 0; }
    .tbl-write-form > .dl.dlf > .dtd { flex: 1 1 100%; max-width: 100%; padding: 0; }
    .tbl-write-form + .tbl-button-wrap > .btn { font-size: 14px; padding: 8px 0; }
}

.star_wrap { position: relative; display: flex; height: 17px}
.star_wrap:after {clear: both; display: block; content: ""; }
.star_wrap .star_div { position: relative; display: flex; color: var(--fontaccent); width: 13px; }
.star_wrap .star_div:last-child { margin-right: auto; }
.star_wrap .star_div:before { position: absolute; width: 100%; top: 3px; bottom: 0; left: calc( 50% - 6px); right: 0; font-family: "fontAwesome"; content: "\f006"; font-size: 12px; color: var(--fontaccent); line-height: 1; }
.star_wrap .star_div:after {clear: both; display: block; content: ""; }
.star_wrap .star_half:before { content: "\f123"; }
.star_wrap .star_full:before { content: "\f005"; }
.star_wrap .star_div .star_radio { position: relative; width: 50%;}
.star_wrap .star_div .star_radio:after {clear: both; display: block; content: ""; }
.star_wrap .star_div .star_radio .radio_star { z-index: -1; opacity: 0; }
.star_wrap .star_div .star_radio label { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; }