/*button style*/
.btn-custom,
a.btn-custom { display: flex; justify-content: center; align-items: center; min-width: 76px; height: 56px; padding: 0 16px; border: none; border-radius: 4px; box-sizing: border-box; background: #23c7ff; font-size: 16px; font-weight: 400; color: #fff; white-space: nowrap; transition: 0.2s all ease-out; }
.btn-custom:hover,
a.btn-custom:hover,
.btn-custom:focus,
a.btn-custom:focus { background: #1c9fcc; }

.btn-custom-v1,
a.btn-custom-v1 { border: 1px solid #dfdfdf; box-sizing: border-box; background: #fff; color: #000; }
.btn-custom-v1:hover,
a.btn-custom-v1:hover,
.btn-custom-v1:focus,
a.btn-custom-v1:focus { border-color: #23c7ff; background: #23c7ff; color: #fff; }

.btn-custom-v2,
a.btn-custom-v2 { background: #666; }
.btn-custom-v2:hover,
a.btn-custom-v2:hover { background: #333; }
.btn-custom-v2:focus,
a.btn-custom-v2:focus { background: #333; }

.btn-custom-h48,
a.btn-custom-h48 { min-width: 60px; height: 48px; padding: 0 16px; box-sizing: border-box; }
.btn-custom-h40,
a.btn-custom-h40 { min-width: 57px; height: 40px; padding: 0 16px; box-sizing: border-box; font-size: 14px; }
.btn-custom-h32,
a.btn-custom-h32 { min-width: 45px; height: 32px; padding: 0 12px; box-sizing: border-box; font-size: 12px; }

.btn-custom .ico,
a.btn-custom .ico { width: 24px; height: 24px; margin-right: 4px; background: center center no-repeat; background-size: contain; }
.btn-custom .ico-calendar,
a.btn-custom .ico-calendar { background-image: url('/img/common/ico_calendar1.svg'); }

.btn-custom-h40 .ico,
a.btn-custom-h40 .ico { width: 20px; height: 20px; }

/*disabled*/
.btn-custom:disabled,
a.btn-custom.disabled,
.btn-custom-v1:disabled,
a.btn-custom-v1.disabled,
.btn-custom-v2:disabled,
a.btn-custom-v2.disabled { border: 1px solid #eaeaea; box-sizing: border-box; background: #f9f9f9; color: #bebebe; }

.btn-custom:disabled .ico,
a.btn-custom.disabled .ico { background-image: url('/img/ico_plus1_disabled.svg'); }

/*업로드 버튼*/
.btn-upload { position: relative; width: 80px; height: 32px; cursor: pointer; }
.btn-upload input { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.btn-upload label { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border: none; border-radius: 4px; box-sizing: border-box; background: #666; font-size: 12px; font-weight: 400; color: #fff; transition: 0.2s all ease-out; cursor: pointer; }
.btn-upload label:hover,
.btn-upload label:focus { background: #333; }

/*글 작성 버튼*/
.btn-write,
a.btn-write { display: flex; justify-content: center; align-items: center; width: 120px; height: 40px; margin-right: auto; border: none; border-radius: 4px; box-sizing: border-box; background: #666; font-size: 14px; font-weight: 400; color: #fff; transition: 0.2s all ease-out; }
.btn-write:hover,
a.btn-write:hover { background: #333; }

.btn-write .ico,
a.btn-write .ico { width: 20px; height: 20px; margin-right: 4px; background: url('/img/common/ico_write1.svg') center center no-repeat; background-size: contain; }

/*선택항목 삭제 버튼*/
.btn-delete,
a.btn-delete { display: flex; justify-content: center; align-items: center; width: 120px; height: 40px; margin: 0 0 0 auto; border: none; background: #666; font-size: 14px; font-weight: 400; color: #fff; transition: 0.2s all ease-out; }
.btn-delete:hover,
a.btn-delete:hover { background: #333; }

/*중앙 버튼*/
.btn-group-center { display: flex; justify-content: center; align-items: center; margin: 60px 0; }
.btn-group-center .btn { width: 120px; height: 48px; margin-right: 8px; }
.btn-group-center .btn:last-child { margin-right: 0; }
.btn-group-center .btn2 { width: 160px; }

/*작은 사이즈 버튼*/
.btn-group-s { display: flex; align-items: center; }
.btn-group-s .btn { display: flex; justify-content: center; align-items: center; min-width: 45px; height: 32px; margin-right: 8px; padding: 0 12px; border-radius: 2px; box-sizing: border-box; font-size: 12px; }
.btn-group-s .btn:last-child { margin-right: 0; }

.btn-wrap { display: flex; justify-content: center; align-items: center; position: relative; }
.btn-wrap .btn-r { position: absolute; right: 0; font-size: 16px; font-weight: 400; color: #000; text-decoration: underline; transition: .2s all ease-out; }
.btn-wrap .btn-r:hover { color: #019392; }

/*모바일 전용 더보기 버튼*/
.btn-more-m { display: none; justify-content: center; align-items: center; width: 100%; height: 48px; margin-top: 20px; border: 1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #fff; font-size: 16px; font-weight: 400; color: #000; text-align: center; transition: .2s all ease-out; }
.btn-more-m:hover { color: #23c7ff; }
.btn-more-m:after { content: ''; display: block; width: 20px; height: 20px; margin-left: 2px; background: url('/img/common/ico_arrow_more1_m.svg') center center no-repeat; transition: .2s all ease-out; }
.btn-more-m:hover:after { background-image: url('/img/common/ico_arrow_more1_m_active.svg'); }


/*checkbox & radio button style*/
.ck-custom { display: none; }
.ck-custom + label { display: block; padding-left: 28px; box-sizing: border-box; text-indent: -28px; cursor: pointer; }
.ck-custom + label .custom { display: inline-block; width: 24px; height: 24px; margin-right: 4px; background: url('/img/common/ico_check1_off.svg') center center no-repeat; background-size: contain; vertical-align: -7px; transition: .2s all ease-out; }
.ck-custom + label .label { font-size: 14px; font-weight: 400; color: #000; line-height: 20px; }
.ck-custom:checked + label .custom { background-image: url('/img/common/ico_check1_on.svg'); }

.ck-custom2 { display: none; }
.ck-custom2 + label { display: block; padding-left: 28px; box-sizing: border-box; text-indent: -28px; cursor: pointer; }
.ck-custom2 + label .custom { display: inline-block; width: 24px; height: 24px; margin-right: 4px; background: url('/img/common/ico_check2_off.svg') center center no-repeat; background-size: contain; vertical-align: -7px; transition: .2s all ease-out; }
.ck-custom2 + label .label { font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.ck-custom2 + label .label-info { margin-left: 24px; font-size: 12px; font-weight: 400; color: #666; line-height: 16px; }
.ck-custom2:checked + label .custom { background-image: url('/img/common/ico_check2_on.svg'); }

.ck-custom3 { display: none; }
.ck-custom3 + label { display: block; padding-left: 28px; box-sizing: border-box; text-indent: -28px; cursor: pointer; }
.ck-custom3 + label .custom { display: inline-block; width: 24px; height: 24px; margin-right: 4px; background: url('/img/common/ico_check3_off.svg') center center no-repeat; background-size: contain; vertical-align: -7px; transition: .2s all ease-out; }
.ck-custom3 + label .label { font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.ck-custom3 + label .label-info { margin-left: 24px; font-size: 12px; font-weight: 400; color: #666; line-height: 16px; }
.ck-custom3:checked + label .custom { background-image: url('/img/common/ico_check3_on.svg'); }

.ck-custom-bookmark { display: none; }
.ck-custom-bookmark + label { display: block; width: 48px; height: 48px; border: 1px solid #dfdfdf; border-radius: 50%; box-sizing: border-box; background: url('/img/ico_bookmark1_off.svg') center center no-repeat; background-size: contain; transition: .2s all ease-out; cursor: pointer; }
.ck-custom-bookmark:checked + label { background-image: url('/img/ico_bookmark1_on.svg'); }

.ck-custom-calendar { display: none; }
.ck-custom-calendar + label { display: flex; justify-content: center; align-items: center; width: 72px; margin-right: 4px; height: 32px; border: 1px solid #007aff; border-radius: 4px; box-sizing: border-box; background: #fff; font-size: 14px; font-weight: 400; color: #007aff; transition: .2s all ease-out; cursor: pointer; }
.ck-custom-calendar:checked { background-image: url('/img/ico_bookmark1_on.svg'); }
.ck-custom-calendar-v1 + label { border-color: #fd843d; color: #fd843d; }
.ck-custom-calendar-v2 + label { border-color: #9908cc; color: #9908cc; }
.ck-custom-calendar-v3 + label { border-color: #38bb7c; color: #38bb7c; }

.ck-custom-calendar:checked + label { background: #007aff; color: #fff; }
.ck-custom-calendar-v1:checked + label { background: #fd843d; }
.ck-custom-calendar-v2:checked + label { background: #9908cc; }
.ck-custom-calendar-v3:checked + label { background: #38bb7c; }

.list-ck { display: flex; flex-wrap: wrap; align-items: center; }
.list-ck li:not(:last-child) { margin-right: 24px; }
.list-ck-wrap { display: flex; justify-content: space-between; }


/*select style*/
.select-custom { display: block; width: 100%; height: 48px; padding: 0 32px 0 16px; border: 1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; transition: 0.2s all ease-out; }
.select-custom:hover { border-color: #23c7ff; }
.select-custom:focus { border-color: #000; }
.select-custom:disabled { border-color: #ddd; background-color: #f3f3f3; color: #bebebe; opacity: 1; cursor: default; }


/*form style*/
.required-info { font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }

.top-frm { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.top-frm .tit { font-size: 20px; font-weight: 700; color: #000; }
.top-frm .tit .required { margin-left: 4px; color: #23c7ff; }
.top-frm .txt { font-size: 16px; font-weight: 400; color: #999; text-align: right; }

.list-frm { display: flex; flex-wrap: wrap; border-top: 1px solid #000; box-sizing: border-box; }
.list-frm .tr { display: flex; align-items: center; width: 100%; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.list-frm .tr.s1 { width: 100%; }
.list-frm .tr.s2 { width: 50%; }
.list-frm .th { display: flex; align-items: center; width: 188px; height: 100%; padding: 20px; box-sizing: border-box; background: #f9f9f9; }
.list-frm .th .tit { position: relative; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; }
.list-frm .th .tit .txt-s { display: block; font-size: 12px; font-weight: 400; color: #666; line-height: 16px; }
.list-frm .th .required { margin-left: 4px; color: #23c7ff; }
.list-frm .td { width: calc(100% - 188px); padding: 10px 20px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.list-frm .td .txt { margin: 12px 0; }
.list-frm .td .txt-s { font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.list-frm .td .txt p { position: relative; margin-bottom: 8px; padding-left: 10px; box-sizing: border-box; }
.list-frm .td .txt p:last-child { margin-bottom: 0; }
.list-frm .td .txt p:before { content: ''; display: block; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #666; }
.list-frm .td .td-message { margin-top: 8px; padding: 10px 16px; border-radius: 8px; box-sizing: border-box; background: #f9f9f9; font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.list-frm .td .td-message:only-child { margin-top: 0; }
.list-frm .td .download-group { display: flex; justify-content: space-between; align-items: center; }
.list-frm .td .download-group a { display: flex; align-items: center; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; transition: .2s all ease-out; }
.list-frm .td .download-group a:hover { color: #23c7ff; text-decoration: underline; }
.list-frm .td .download-group a img { margin-right: 4px; }
.list-frm .td .download-group .size { font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }

.list-frm2 { display: flex; flex-wrap: wrap; }
.list-frm2-v1 { border-top: 1px solid #000; box-sizing: border-box; }
.list-frm2 .tr { display: flex; align-items: center; width: 100%; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.list-frm2 .tr.s1 { width: 100%; }
.list-frm2 .tr.s2 { width: 50%; }
.list-frm2 .th { display: flex; align-items: center; width: 188px; height: 100%; padding: 20px; box-sizing: border-box; background: #f9f9f9; }
.list-frm2 .th .tit { position: relative; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; }
.list-frm2 .th .tit .txt-s { display: block; font-size: 14px; line-height: 20px; }
.list-frm2 .th .required { margin-left: 4px; color: #019392; }
.list-frm2 .td { width: calc(100% - 188px); padding: 12px 20px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.list-frm2 .td .txt > strong:not(:last-child) { display: block; margin-bottom: 8px; }
.list-frm2 .td .txt p { position: relative; margin-bottom: 8px; padding-left: 10px; box-sizing: border-box; }
.list-frm2 .td .txt p:last-child { margin-bottom: 0; }
.list-frm2 .td .txt p:before { content: ''; display: block; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #666; }
.list-frm2 .td .txt-download img { margin-right: 4px; }
.list-frm2 .td .txt-download a { font-size: 16px; font-weight: 400; color: #000; line-height: 24px; text-decoration: underline; }
.list-frm2 .td .txt-link { font-size: 16px; font-weight: 400; color: #007aff; line-height: 24px; text-decoration: underline; }

.list-frm3 { display: flex; border-top: 1px solid #000; box-sizing: border-box; }
.list-frm3 .tr { width: 100%; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.list-frm3 .tr:last-child { border-right: none; }
.list-frm3 .th { display: flex; justify-content: center; align-items: center; height: 64px; padding: 20px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; background: #f9f9f9; }
.list-frm3 .th .tit { display: flex; align-items: center; position: relative; font-size: 16px; font-weight: 500; color: #000; line-height: 24px; }
.list-frm3 .th .tit .btn-tip { width: 24px; height: 24px; border: none; background: url('/img/common/ico_alert4.svg') center center no-repeat; }
.list-frm3 .td { padding: 10px 20px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }

.list-frm3 .tip-group { position: relative; }
.list-frm3 .tip-group .bubble { display: none; position: absolute; top: 30px; left: calc(50% - 75px); z-index: 1; width: 150px; padding: 12px; border-radius: 4px; box-sizing: border-box; background: #333; font-size: 12px; font-weight: 400; color: #fff; line-height: 16px; }
.list-frm3 .tip-group .bubble .tit-bubble { margin-bottom: 6px; font-size: 12px; font-weight: 700; color: #fff; line-height: 16px; }
.list-frm3 .tip-group .bubble .txt-bubble p { position: relative; padding-left: 6px; box-sizing: border-box; font-size: 12px; font-weight: 400; color: rgba(204, 204, 204, 0.8); line-height: 16px; }
.list-frm3 .tip-group .bubble .txt-bubble p:before { content: ''; display: block; position: absolute; top: 7px; left: 0; width: 2px; height: 2px; border-radius: 50%; box-sizing: border-box; background: #ccc; }
.list-frm3 .tip-group .bubble:before { content: ''; display: block; position: absolute; top: -5px; left: 0; right: 0; width: 8px; height: 5px; margin: 0 auto; background: url('/img/ico_triangle1.svg') center center no-repeat; }
.list-frm3 .tip-group .btn-tip:hover + .bubble { display: block; }

.tit-frm { margin-bottom: 8px; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }

.inp-frm { display: block; width: 100%; height: 48px; padding: 0 16px; border: 1px solid #dfdfdf; border-radius: 4px !important; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; transition: 0.2s all ease-out; }
.inp-frm:hover { border-color: #23c7ff; }
.inp-frm:focus { border-color: #000; }
.inp-frm:disabled,
.inp-frm:read-only { border-color: #ddd; background: #f3f3f3; color: #bebebe; }
textarea.inp-frm { height: 300px; padding: 12px 16px; box-sizing: border-box; line-height: 24px; }

.btn-frm { display: flex; justify-content: center; align-items: center; width: 80px; height: 48px; border: none; border-radius: 4px; box-sizing: border-box; background: #23c7ff; font-size: 14px; font-weight: 400; color: #fff; padding: 0 16px; box-sizing: border-box; transition: 0.2s all ease-out; }
.btn-frm:hover { background: #1c9fcc; }
.btn-frm:disabled { border: 1px solid #dfdfdf; box-sizing: border-box; background: #f4f4f4; color: #bebebe; }

.btn-frm-v1 { background: #666; }
.btn-frm-v1:hover { background: #333; }

.frm-message { margin-top: 8px; font-size: 14px; font-weight: 400; color: #f01b1b; line-height: 20px; }
.frm-message img { margin-right: 4px; }

.frm-message-v1 { color: #000; }
.frm-message-v1 strong { color: #23c7ff; }

.frm-info { position: relative; margin-top: 8px; font-size: 12px; font-weight: 400; color: #666; line-height: 16px; }

.frm-info2 { position: relative; margin-top: 8px; padding-left: 18px; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #666; line-height: 16px; }
.frm-info2:before { content: ''; display: block; position: absolute; top: 7px; left: 8px; width: 2px; height: 2px; border-radius: 50%; box-sizing: border-box; background: #666; }

.inp-group:not(:last-child) { margin-bottom: 20px; }

.inp-group2 > div { display: flex; align-items: center; }
.inp-group2 .inp-frm { width: calc(100% - 128px); }
.inp-group2 .btn-frm { width: 120px; margin-left: 8px; }

.inp-group3 > div { display: flex; align-items: center; }
.inp-group3 .inp-frm { width: calc(100% - 176px); }
.inp-group3 .btn-frm { width: 168px; margin-left: 8px; font-size: 16px; }

.inp-group-unit > div { display: flex; align-items: center; width: 100%; }
.inp-group-unit .inp-frm { width: 376px; }
.inp-group-unit .unit { padding-left: 12px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #999; }

.inp-group-search { display: flex; justify-content: space-between; align-items: center; width: 484px; max-width: 100%; height: 52px; margin: 0 auto; padding: 0 24px 0 32px; border: 1px solid #000; border-radius: 26px; box-sizing: border-box; background: #fff; }
.inp-group-search .inp-search { width: calc(100% - 52px); height: 100%; border: none; background: none; font-size: 18px; font-weight: 400; color: #000; }
.inp-group-search .inp-search::-ms-input-placeholder { color: #bebebe; }
.inp-group-search .inp-search::-webkit-input-placeholder { color: #bebebe; }
.inp-group-search .inp-search::-moz-placeholder { color: #bebebe; }
.inp-group-search .btn-search { width: 28px; height: 100%; border: none; background: url('/img/common/ico_search2.svg') center center no-repeat; }

.inp-group-date { display: flex; align-items: center; }
.inp-group-date .inp-date { max-width: 376px; padding-right: 56px; box-sizing: border-box; background: url(/img/common/ico_calendar1.svg) right 16px center no-repeat; cursor: pointer; }
.inp-group-date .unit { display: flex; justify-content: center; align-items: center; width: 35px; font-size: 16px; font-weight: 400; color: #000; }
.inp-group-date-v1 > div { display: flex; align-items: center; }

.inp-group-mail { display: flex; align-items: center; }
.inp-group-mail > div { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 208px); margin-right: 8px; }
.inp-group-mail .inp-frm { width: calc(50% - 14px); }
.inp-group-mail .unit { font-size: 16px; font-weight: 700; color: #000; line-height: 24px; }
.inp-group-mail .select-custom { width: 200px; }

.inp-group-address > div { display: flex; align-items: center; width: 100%; margin-bottom: 8px; }
.inp-group-address > div:first-child .inp-frm { width: 140px; }
.inp-group-address > div:last-child { margin-bottom: 0; }
.inp-group-address .inp-frm:not(:last-child) { margin-right: 8px; }
.inp-group-address .btn-frm { width: 80px; }

.inp-group-select { display: flex; justify-content: space-between; align-items: center; }
.inp-group-select .select-custom2 { width: 200px; }
.inp-group-select .inp-frm { width: calc(100% - 208px); }
.inp-group-select .btn-frm { width: 188px; }

.inp-group-select-v1 .select-group { display: flex; justify-content: space-between; align-items: center; }
.inp-group-select-v1 .select-custom2:not(:last-child) { margin-right: 8px; }

.inp-group-comment { display: flex; justify-content: space-between; padding: 0 20px; box-sizing: border-box; }
.inp-group-comment .inp-comment { display: block; width: calc(100% - 88px); height: 80px; padding: 10px 16px; border: 1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; line-height: 20px; transition: 0.2s all ease-out; -ms-overflow-style: none; }
.inp-group-comment .inp-comment::-webkit-scrollbar { display: none; }
.inp-group-comment .btn-send { display: flex; justify-content: center; align-items: center; width: 76px; height: 80px; border: none; border-radius: 4px; box-sizing: border-box; background: #007aff; font-size: 16px; font-weight: 500; color: #fff; transition: 0.2s all ease-out; }
.inp-group-comment .btn-send:hover { background: #007aff; }
.inp-group-comment .btn-send-v1 { background: #959595; }
/*.inp-group-comment .btn-send.active { border: none; background: #166977; color: #fff; }*/

.inp-group-id { display: flex; align-items: center; width: 100%; }
.inp-group-id .inp-frm { width: calc(100% - 88px); margin-right: 8px; }
.inp-group-id .btn-frm { width: 80px; }

.inp-group-upload { display: flex; align-items: center; margin-bottom: 8px; }
.inp-group-upload .frm-info { margin-top: 0; margin-left: 16px; }
.inp-group-upload .frm-info:before { display: none; }

.upload-group .box { display: flex; align-items: center; }
.upload-group .box-attach { border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box; overflow: hidden; }
.upload-group .box-attach-v1 { width: calc(100% - 144px); }
.upload-group .box-attach .top { padding: 8px; background: #f5f5f5; font-size: 14px; font-weight: 400; text-align: center; line-height: 20px; }

.upload-group .preview-group { display: flex; justify-content: center; align-items: center; width: 136px; height: 136px; margin-left: 8px; border: 1px solid #eaeaea; border-radius: 4px; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #000; text-align: center; }
.upload-group .preview-group img { display: block; width: 100%; }

.upload-group .progress-group { display: flex; justify-content: flex-end; align-items: center; margin-left: auto; }
.upload-group .progress-group .state { margin-right: 10px; font-size: 12px; font-weight: 400; color: #959595; }
.upload-group .progress-group .state.complete { color: #23c7ff; }
.upload-group .progress-group .bar-group { position: relative; width: 148px; height: 30px; border-radius: 4px; box-sizing: border-box; background: #eaeaea; }
.upload-group .progress-group .bar-group .bar { position: absolute; left: 0; height: 100%; border-radius: 4px; box-sizing: border-box; background: #23c7ff; }
.upload-group .progress-group .bar-group .percent { position: absolute; top: calc(50% - 12px); left: 10px; right: 0; font-size: 12px; font-weight: 400; color: #999; }
.upload-group .progress-group .bar-group .percent.active { color: #fff; }

/*파일 형식*/
.list-attach { height: 100px; padding: 16px 12px; box-sizing: border-box; overflow-y: auto; }
.list-attach > li { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.list-attach > li:last-child { margin-bottom: 0; }
.list-attach .tit { max-width: calc(100% - 300px); font-size: 12px; font-weight: 400; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-attach .size { margin-left: auto; font-size: 12px; font-weight: 400; color: #666; }
.list-attach .btn-delete { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin-left: 8px; border: none; background: url('/img/common/ico_x1.svg') center center no-repeat; }
.list-attach .no-file { display: flex; justify-content: center; align-items: center; height: 100%; background: #fff; font-size: 12px; font-weight: 400; color: #bebebe; }

/*이미지 형식*/
.list-attach2 { display: flex; align-items: flex-start; height: 142px; padding: 12px; box-sizing: border-box; overflow-x: auto; }
.list-attach2 > li { position: relative; width: 120px; margin-right: 12px; border: 1px solid #eaeaea; box-sizing: border-box; }
.list-attach2 > li:last-child { margin-right: 0; }
.list-attach2 .img-group { width: 120px; height: 80px; }
.list-attach2 .tit { padding: 4px 8px; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-attach2 .btn-delete { position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; border: none; border-radius: 50%; box-sizing: border-box; background: url('/img/common/ico_x1.svg') center center no-repeat #fff; background-size: contain; }

.answer-group { border-top: 1px solid #000; border-bottom: 1px solid #eaeaea; margin-top: 20px; margin-bottom: 60px; padding: 20px; font-size: 14px; }
.answer-group-tit { font-weight: bold; }
.answer-group-cont { padding: 15px 0 20px; }
.answer-group-info { display: flex; flex-wrap: wrap; align-items: center; }
.answer-group-info .txt-group { display: flex; align-items: center; margin-right: 16px; font-size: 14px; }
.answer-group-info .txt-group:last-child { margin-right: 0; }
.answer-group-info .txt-group .tit { position: relative; margin-right: 17px; font-weight: 400; color: #333; }
.answer-group-info .txt-group .tit:not(:last-child):after { content: ''; display: block; position: absolute; top: calc(50% - 6px); right: calc(0% - 9px); width: 1px; height: 12px; background: #ccc; }
.answer-group-info .txt-group .txt { font-weight: 400; color: #999; }


/*switch button style*/
.switch { display: inline-block; position: relative; width: 110px; height: 36px; vertical-align: middle; }
.switch input { display: none; }

.switch .slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #f5f5f5; transition: .4s; cursor: pointer; }
.switch .slider:before { content: ''; position: absolute; left: 2px; bottom: 2px; width: 32px; height: 32px; background: #fff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; transition: .4s; }
.switch input:checked + .slider { background: #23c7ff; }
.switch input:focus + .slider { box-shadow: 0 0 1px #23c7ff; box-sizing: border-box; }
.switch input:checked + .slider:before { -webkit-transform: translateX(74px); -ms-transform: translateX(74px); transform: translateX(74px); }

.switch .slider.round { border-radius: 18px; box-sizing: border-box; }
.switch .slider.round:before { border-radius: 50%; box-sizing: border-box; }

.switch .label:after { content: '노출안함'; display: block; position: absolute; top: 6px; right: 15px; font-size: 16px; font-weight: 400; color: #959595; transition: .4s all ease-out; cursor: pointer; }
.switch input:checked ~ .label:after { content: '노출'; left: 30px; right: auto; color: #fff; }
.switch input:focus ~ .slider { content: '노출'; }


/*thumbnail style*/
.thumb { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }


/*서브 페이지 공통 CSS*/
/*top page style*/
.top-page { margin-bottom: 40px; }
.top-page .tit { font-size: 48px; font-weight: 700; color: #000; line-height: 64px; }


/*tab menu style*/
.tab-menu { display: flex; align-items: center; }
.tab-menu .tab { display: flex; justify-content: center; align-items: center; width: 100%; height: 68px; border-bottom: 1px solid #ddd; box-sizing: border-box; font-size: 20px; font-weight: 700; color: #000; text-align: center; }
.tab-menu .tab.active { border-bottom: 2px solid #23c7ff; box-sizing: border-box; background: #fff; color: #23c7ff; }

.tab-menu2 { display: flex; align-items: center; border-bottom: 2px solid #007aff; box-sizing: border-box; }
.tab-menu2 .tab { display: flex; justify-content: center; align-items: center; width: 320px; height: 64px; margin-right: 4px; border-radius: 8px 8px 0 0; background: #f5f5f5; font-size: 20px; font-weight: 400; color: #000; text-align: center; transition: .2s all ease-out; cursor: pointer; }
.tab-menu2 .tab:last-child { margin-right: 0; }
.tab-menu2 .tab:hover,
.tab-menu2 .tab.active { background: #007aff; font-weight: 700; color: #fff; }

.tab-menu2-v1 .tab { width: 180px; }

.tab-menu-group { position: relative; }
.tab-menu-group .btn { display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 22px; right: 0; margin-left: auto; font-size: 16px; font-weight: 700; color: #000; transition: .2s all ease-out; }
.tab-menu-group .btn:after { content: ''; display: block; width: 20px; height: 20px; background: url('/img/ico_arrow_more1_off.svg') center center no-repeat; transition: .2s all ease-out; }
.tab-menu-group .btn:hover { color: #23c7ff; }
.tab-menu-group .btn:hover:after { background-image: url('/img/ico_arrow_more1_on.svg'); }


/*slide tab style*/
.slide-tab { margin-bottom: 40px; }
.slide-tab .swiper-slide { display: flex; justify-content: center; align-items: center; position: relative; width: auto; height: 48px; padding: 0 20px; border-radius: 24px; box-sizing: border-box; background: #f5f5f5; font-size: 18px; font-weight: 400; color: #959595; transition: .2s all ease-out; cursor: pointer; }
.slide-tab .swiper-slide:hover,
.slide-tab .swiper-slide.active { background: #23c7ff; font-weight: 700; color: #fff; }
.slide-tab .required { margin-top: 4px; margin-left: 4px; }


/*article style*/
.article-group:not(:last-child) { margin-bottom: 60px; }
.article-group .article:not(:last-child) { margin-bottom: 60px; }
.top-article { display: flex; justify-content: space-between; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #000; box-sizing: border-box; }
.top-article-v1 { border-bottom: none; }
.top-article .tit { display: flex; align-items: center; font-size: 28px; font-weight: 700; color: #000; line-height: 40px; }
.top-article .tit-v1 { font-size: 24px; line-height: 36px; }
.top-article .tit-v2 { font-size: 20px; line-height: 28px; }
.top-article .tit span { color: #23c7ff; }
.top-article .btn-more { display: flex; justify-content: flex-end; align-items: center; font-size: 16px; font-weight: 700; color: #000; transition: .2s all ease-out; cursor: pointer; }
.top-article .btn-more:after { content: ''; display: block; width: 20px; height: 20px; background: url('/img/ico_arrow_more1_off.svg') center center no-repeat; transition: .2s all ease-out; }
.top-article .btn-more:hover { color: #23c7ff; }
.top-article .btn-more:hover:after { background-image: url('/img/ico_arrow_more1_on.svg'); }
.top-article + .list-frm { border-top: none; }


/*board tool style*/
.board-tool { margin-bottom: 50px; }

.board-search { display: flex; align-items: center; width: 100%; }
.board-search .filter-group { display: flex; align-items: center; margin-right: 12px; }
.board-search .filter-group .select-custom { width: 192px; height: 48px; margin-right: 12px; }
.board-search .filter-group .select-custom:last-child { margin-right: 0; }

.board-search .search-group { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.board-search .search-group .inp-search { width: calc(100% - 92px); height: 48px; padding: 0 16px; border: 1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; transition: 0.2s all ease-out; }
.board-search .search-group .inp-search:hover { border-color: #23c7ff; }
.board-search .search-group .inp-search:focus { border-color: #000; }
.board-search .search-group .inp-search:disabled { border-color: #ddd; background: #f3f3f3; color: #bebebe; }
.board-search .search-group .inp-search:disabled::-ms-input-placeholder { color: #bebebe; }
.board-search .search-group .inp-search:disabled::-webkit-input-placeholder { color: #bebebe; }
.board-search .search-group .inp-search:disabled::-moz-placeholder { color: #bebebe; }

.board-search .search-group .btn-search { width: 80px; height: 48px; border: none; border-radius: 4px; box-sizing: border-box; background: #23c7ff; font-size: 16px; font-weight: 400; color: #fff; transition: 0.2s all ease-out; }
.board-search .search-group .btn-search:hover { background: #1c9fcc; }
.board-search .search-group .btn-search:focus { background: #1c9fcc; }
.board-search .search-group .btn-search:disabled { border: 1px solid #eaeaea; box-sizing: border-box; background: #f9f9f9; color: #bebebe; }

.board-tool2 { display: flex; justify-content: space-between; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #000; box-sizing: border-box; }

.board-count { font-size: 18px; font-weight: 500; color: #000; }
.board-count span { font-weight: 700; color: #23c7ff; }


/*board style*/
.board-group:not(:last-child) { margin-bottom: 60px; }

/*board style > list*/
.list-board li { display: flex; flex-direction: column; align-items: flex-start; padding: 20px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; transition: .2s all ease-out; }
.list-board li:hover { background: #f5fbfb; }
.list-board .board-tit { display: flex; align-items: center; width: 100%; margin-bottom: 8px; font-size: 20px; font-weight: 400; color: #000; line-height: 28px; }
.list-board .board-tit a { max-width: calc(100% - 32px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-board .board-tit .ico-file,
.list-board .board-tit .ico-lock { margin-left: 8px; }
.list-board .board-data { display: flex; flex-wrap: wrap; align-items: center; }
.list-board .board-data > div { position: relative; font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.list-board .board-data > div:not(:last-child) { margin-right: 21px; }
.list-board .board-data > div:not(:last-child):after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: -12px; width: 1px; height: 10px; background: #dfdfdf; }

/*board style > table*/
.list-board2 li { display: flex; align-items: center; border-bottom: 1px solid #eaeaea; box-sizing: border-box; transition: .2s all ease-out; }
.list-board2 li:hover { background: #f2fcff; }
.list-board2 .th { padding: 20px 12px; box-sizing: border-box; background: #f9f9f9; font-size: 16px; font-weight: 500; line-height: 24px; color: #000; text-align: center; }
.list-board2 .td { display: flex; justify-content: center; align-items: center; min-height: 68px; padding: 12px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #999; text-align: center; line-height: 24px; word-break: normal; }
.list-board2 .t-tit { flex: 1; justify-content: flex-start; min-width: 0; }
.list-board2 .t-tit .ico-lock { width: 20px; margin-left: 4px; }
.list-board2 .t-tit .ico-file { display: none; }
.list-board2 .m-tit { display: none; }
.list-board2 a { display: block; color: #000; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .2s all ease-out; }
.list-board2 .c1 { color: #000; }
.list-board2 .c2 { color: #23c7ff; }
.list-board2 .c3 { color: #fd843d; }
.list-board2 .c4 { color: #bebebe; }
.list-board2 .c5 { color: #007aff; }

.list-board2 .t-chk { width: 8%; }
.list-board2 .t-no { width: 8%; }
.list-board2 .t-reserve-no { width: 20%; }
.list-board2 .t-type { width: 12%; }
.list-board2 .t-type2 { width: 13%; }
.list-board2 .t-type3 { width: 14%; }
.list-board2 .t-writer { width: 10%; }
.list-board2 .t-file { width: 8%; }
.list-board2 .t-state { width: 10%; }
.list-board2 .t-date { width: 12%; }
.list-board2 .t-date2 { width: 18%; }
.list-board2 .td.t-date2 { text-align: left; }
.list-board2 .t-view { width: 10%; }
.list-board2 .t-biz { width: 20%; }
.list-board2 .t-addr { flex: 1; width: 30%; }
.list-board2 .t-tel { width: 20%; }

.list-board2-v1 { border-top: 1px solid #000; box-sizing: border-box; }
.list-board2-v1 .td { padding: 20px 12px; box-sizing: border-box; }
.list-board2-v1 .t-no { width: 10%; }
.list-board2-v1 .t-type { width: 15%; }
.list-board2-v1 .t-sort { width: 40%; }
.list-board2-v1 .td.t-sort { justify-content: flex-start; text-align: left; }
.list-board2-v1 .t-desc { width: 35%; }
.list-board2-v1 .t-desc .tit { margin-bottom: 4px; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; }
.list-board2-v1 .t-desc .txt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; line-height: 24px; white-space: normal; overflow: hidden; font-size: 16px; font-weight: 400; color: #666; }
.list-board2-v1 .t-standard { width: 55%; }

/*board style > card*/
.card-wrap { margin-top: 40px; }

.list-card { display: flex; flex-wrap: wrap; align-items: center; margin: -20px -10px; }
.list-card li { width: calc(100% / 3); padding: 20px 10px; box-sizing: border-box; }
.list-card .card { display: block; position: relative; height: 316px; padding: 124px 24px 32px; border: 1px solid #dfdfdf; border-radius: 16px; box-sizing: border-box; transition: .2s all ease-out; }
.list-card .card:hover { border-color: #23c7ff; box-shadow: 12px 12px 20px 0 rgba(0, 106, 129, 0.16); box-sizing: border-box; }
.list-card .board-state { position: absolute; top: 0; right: 24px; width: 72px; height: 72px; font-size: 16px; font-weight: 500; line-height: 24px; }
.list-card .board-state .state { display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 100%; padding-bottom: 12px; border-radius: 0 0 8px 8px; box-sizing: border-box; background: #ebebeb; color: #666; }
.list-card .board-state .state-v1 { background: #0e1727; color: #fff; }
.list-card .board-state .state-v1:after { content: ''; display: block; position: absolute; top: 12px; right: 15px; width: 6px; height: 6px; border-radius: 50%; box-sizing: border-box; background: #fd843d; }
.list-card .board-category { margin-bottom: 12px; }
.list-card .board-tit { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; margin-bottom: 20px; line-height: 28px; white-space: normal; overflow: hidden; font-size: 20px; font-weight: 700; color: #000; }
.list-card .board-info .txt-group { display: flex; align-items: center; line-height: 24px; }
.list-card .board-info .txt-group .tit { width: 44px; font-size: 16px; font-weight: 500; color: #000; }
.list-card .board-info .txt-group .desc { width: calc(100% - 44px); font-size: 16px; font-weight: 400; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.list-card2 { display: flex; flex-wrap: wrap; align-items: center; margin: -20px -10px; }
.list-card2 li { width: calc(100% / 3); padding: 20px 10px; box-sizing: border-box; }
.list-card2 .card { display: block; height: 348px; border: 1px solid #dfdfdf; border-radius: 16px; box-sizing: border-box; overflow: hidden; transition: .2s all ease-out; }
.list-card2 .card:hover { border-color: #23c7ff; box-shadow: 12px 12px 20px 0 rgba(0, 106, 129, 0.16); box-sizing: border-box; }
.list-card2 .img-group { height: 200px; }
.list-card2 .board-info { display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 200px); padding: 24px 24px 32px; box-sizing: border-box; }
.list-card2 .board-info .board-tit { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 56px; line-height: 28px; white-space: normal; overflow: hidden; font-size: 20px; font-weight: 700; color: #000; }
.list-card2 .board-info .board-date { font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }

.list-card3 { display: flex; flex-wrap: wrap; align-items: center; margin: -20px -10px; }
.list-card3 li { width: calc(100% / 3); padding: 20px 10px; box-sizing: border-box; }
.list-card3 .card { display: block; height: 340px; border: 1px solid #dfdfdf; border-radius: 16px; box-sizing: border-box; overflow: hidden; transition: .2s all ease-out; }
.list-card3 .card:hover { border-color: #23c7ff; box-shadow: 12px 12px 20px 0 rgba(0, 106, 129, 0.16); box-sizing: border-box; }
.list-card3 .img-group { height: 200px; background: #f9f9f9; }
.list-card3 .box { height: calc(100% - 200px); padding: 24px 24px 32px; box-sizing: border-box; }
.list-card3 .tit-group .tit { font-size: 20px; font-weight: 700; color: #000; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-card3 .tit-group .txt { margin-top: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; line-height: 24px; white-space: normal; overflow: hidden; font-size: 16px; font-weight: 400; color: #666; }


/*category style*/
.board-category { display: flex; align-items: center; }
.board-category .category { display: flex; justify-content: center; align-items: center; height: 24px; margin-right: 8px; padding: 0 12px; border-radius: 12px; border-radius: 14px; box-sizing: border-box; background: #0172ff; font-size: 14px; font-weight: 700; color: #fff; }
.board-category .category:last-child { margin-right: 0; }
.board-category .category-v1 { background: #fd843d; }
.board-category .category-v2 { background: #f0f6fd; color: #0172ff; }
.board-category .category-v3 { background: #fcf1e1; color: #fd843d; }
.board-category .category-v4 { background: #0e1727; }
.board-category .category-v5 { background: #fbefff; color: #9908cc; }
.board-category .category-v6 { background: #ebebeb; color: #666; }
.board-category .category-v7 { border: 1px solid #666; box-sizing: border-box; background: none; color: #000; }
.board-category .category-v8 { border: 1px solid #007aff; box-sizing: border-box; background: none; color: #007aff; }
.board-category .category-v9 { border: 1px solid #fd843d; box-sizing: border-box; background: none; color: #fd843d; }
.board-category .category-v10 { border: 1px solid #9f10ca; box-sizing: border-box; background: none; color: #9f10ca; }
.board-category .category-v11 { border: 1px solid #54370b; box-sizing: border-box; background: none; color: #54370b; }
.board-category .category-v12 { border: 1px solid #eaeaea; box-sizing: border-box; background: none; color: #bebebe; }
.board-category .category-noti { background: #23c7ff; }

.board-category-v1 .category { min-width: 62px; height: 28px; padding: 0 6px; border-radius: 14px; box-sizing: border-box; font-weight: 500; }


/*badge style*/
.item-state .state { display: flex; align-items: center; }
.item-state .state .badge { display: flex; justify-content: center; align-items: center; height: 20px; padding: 0 4px; border-radius: 4px; box-sizing: border-box; background: #007aff; font-size: 12px; font-weight: 700; color: #fff; }
.item-state .state .txt { margin-left: 8px; font-size: 14px; font-weight: 400; color: #e84e4e; line-height: 20px; }
.item-state .state-v1 .badge { background: #e84e4e; }
.item-state .state-v1 .txt { color: #e84e4e; }
.item-state .state-v2 .badge { background: #fd843d; }
.item-state .state-v2 .txt { color: #fd843d; }
.item-state .state-v3 .badge { background: #23c7ff; }
.item-state .state-v3 .txt { color: #23c7ff; }
.item-state .state-v4 .badge { background: #959595; }
.item-state .state-v4 .txt { color: #959595; }

.item-state-v1 .state .badge { height: 24px; font-size: 14px; }
.item-state-v1 .state .txt { font-size: 16px; color: #666; line-height: 24px; }


/*no data*/
.no-data { margin: 80px 0; text-align: center; }
.no-data img { display: block; width: 64px; margin: 0 auto 8px; }
.no-data .tit { font-size: 24px; font-weight: 700; color: #000; line-height: 36px; }
.no-data .tit span { color: #23c7ff; }
.no-data .txt { font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.top-article + .no-data { margin-top: 0; padding-top: 40px; border-top: 1px solid #000; }


/*paging style*/
.paging-wrap { display: flex; justify-content: center; align-items: center; position: relative; margin: 60px 0; }
.paging-wrap .btn-r { position: absolute; right: 0; }

.paging { display: flex; justify-content: center; align-items: center; }
.paging a { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; margin: 0 4px; border-radius: 50%; box-sizing: border-box; background: center center no-repeat transparent; background-size: 48px auto; font-size: 16px; font-weight: 500; color: #000; transition: 0.2s all ease-out; }
.paging .btn-paging { border: 1px solid #dfdfdf; box-sizing: border-box; }
.paging .btn-paging:hover,
.paging .btn-paging.active { border-color: #0e1727; background-color: #0e1727; }
.paging .btn-paging-prev { background-image: url('/img/common/ico_arrow_paging1_prev1.svg'); }
.paging .btn-paging-prev2 { background-image: url('/img/common/ico_arrow_paging1_prev2.svg'); }
.paging .btn-paging-next { background-image: url('/img/common/ico_arrow_paging1_next1.svg'); }
.paging .btn-paging-next2 { background-image: url('/img/common/ico_arrow_paging1_next2.svg'); }

.paging .btn-paging-prev:hover,
.paging .btn-paging-prev.active { background-image: url('/img/common/ico_arrow_paging1_prev1_active.svg'); }
.paging .btn-paging-prev2:hover,
.paging .btn-paging-prev2.active { background-image: url('/img/common/ico_arrow_paging1_prev2_active.svg'); }
.paging .btn-paging-next:hover,
.paging .btn-paging-next.active { background-image: url('/img/common/ico_arrow_paging1_next1_active.svg'); }
.paging .btn-paging-next2:hover,
.paging .btn-paging-next2.active { background-image: url('/img/common/ico_arrow_paging1_next2_active.svg'); }

.paging .num { display: flex; align-items: center; margin: 0 24px; }
.paging .num a.active { border: none; background-color: #0e1727; color: #fff; }
.paging .num a:hover,
.paging .num a:focus { border-color: #0e1727; background-color: #0e1727; color: #fff; }


/*board view style*/
.top-board { display: flex; flex-direction: column; align-items: flex-start; padding: 40px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; }
.top-board .board-category { margin-bottom: 12px; }
.top-board .board-tit { font-size: 24px; font-weight: 700; color: #000; line-height: 36px; }
.top-board .board-tit .ico-lock { margin-left: 4px; vertical-align: -2px; }
.top-board .board-data { display: flex; flex-wrap: wrap; align-items: center; margin-top: 8px; }
.top-board .board-data > div { position: relative; font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.top-board .board-data > div:not(:last-child) { margin-right: 21px; }
.top-board .board-data > div:not(:last-child):after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: -12px; width: 1px; height: 10px; background: #dfdfdf; }

.tab-menu-group + .top-board { border-top: none; }
.tab-menu-group + .frm { margin-top: 40px; }

.board-content { border-bottom: 1px solid #000; box-sizing: border-box; }
.board-content .inner { padding: 60px 20px; box-sizing: border-box; }
.board-content .ico-qna { margin-bottom: 16px; font-size: 32px; font-weight: 700; line-height: 40px; }
.board-content .txt { font-size: 16px; font-weight: 500; color: #000; line-height: 24px; }
.board-content .img { display: block; max-width: 100%; margin-top: 80px; zoom: 0.5; }
.board-content .board-data { display: flex; flex-wrap: wrap; align-items: center; margin-top: 40px; }
.board-content .board-data > div { position: relative; font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.board-content .board-data > div:not(:last-child) { margin-right: 21px; }
.board-content .board-data > div:not(:last-child):after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: -12px; width: 1px; height: 10px; background: #dfdfdf; }

.board-content-group .board-content:not(:last-child) { border-color: #eaeaea; }

.box-video { position: relative; height: 0; padding-top: 30px; padding-bottom: 56.25%; margin-bottom: 40px; overflow: hidden; }
.box-video iframe,
.box-video object,
.box-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.list-board-file { margin-bottom: 24px; }
.list-board-file li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; padding: 12px 20px; border-radius: 4px; box-sizing: border-box; background: #f5f5f5; }
.list-board-file li:last-child { margin-bottom: 0; }
.list-board-file .tit { max-width: calc(100% - 150px); font-size: 14px; font-weight: 500; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-board-file .size { margin-left: auto; font-size: 14px; font-weight: 400; color: #666; }
.list-board-file .btn { display: flex; justify-content: center; align-items: center; width: 45px; height: 32px; margin-left: 16px; border: 1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #fff; font-size: 12px; font-weight: 400; color: #000; transition: .2s all ease-out; }
.list-board-file .btn:hover { border-color: #23c7ff; background: #23c7ff; color: #fff; }

.list-board-file-v1 { margin-bottom: 0; }
.list-board-file-v1 li { padding: 8px 16px; box-sizing: border-box; }

.board-answer { margin-top: -1px; padding: 28px 20px; box-sizing: border-box; background: #f0f9f9; }
.board-answer .board-data { display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.board-answer .board-data > div { position: relative; font-size: 14px; font-weight: 400; color: #004753; line-height: 20px; }
.board-answer .board-data > div:not(:last-child) { margin-right: 21px; }
.board-answer .board-data > div:not(:last-child):after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: -12px; width: 1px; height: 10px; background: #dfdfdf; }
.board-answer .txt { margin-top: 24px; font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }

.board-navigation dl { display: flex; align-items: center; height: 56px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.board-navigation dt { display: flex; align-items: center; width: 120px; height: 100%; padding-left: 20px; box-sizing: border-box; font-size: 16px; font-weight: 700; color: #000; }
.board-navigation dd { display: flex; align-items: center; width: calc(100% - 120px); height: 100%; padding: 16px 20px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-navigation dd a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .2s all ease-out; }
.board-navigation dd a:hover { color: #23c7ff; }

.list-board-info li { display: flex; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; }
.list-board-info .tit { width: 140px; padding: 16px 0 16px 20px; box-sizing: border-box; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; }
.list-board-info .desc { width: calc(100% - 140px); padding: 16px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #333; line-height: 24px; }
.list-board-info .board-state .state:not(:last-child) { margin-right: 16px; color: #fd843d; }
.list-board-info .board-state .state-v1 { color: #bebebe; }

.comment-group { padding-top: 60px; border-top: 1px solid #000; box-sizing: border-box; }

.list-comment li { padding: 24px 20px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.list-comment .inner { position: relative; }
.list-comment .comment-data { display: flex; align-items: center; width: calc(100% - 100px); margin-bottom: 8px; padding: 6px 0; box-sizing: border-box; }
.list-comment .comment-data > div { position: relative; margin-right: 20px; line-height: 20px; }
.list-comment .comment-data > div:last-child { margin-right: 0; }
.list-comment .comment-data > div:after { content: ''; display: block; position: absolute; top: calc(50% - 6px); right: -11px; width: 1px; height: 10px; background: #dfdfdf; }
.list-comment .comment-data > div:last-child:after { display: none; }
.list-comment .comment-data .comment-writer { font-size: 14px; font-weight: 500; color: #000; }
.list-comment .comment-data .comment-day { font-size: 14px; font-weight: 400; color: #999; }
.list-comment .comment-content { width: 100%; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }
.list-comment .btn-group-comment { display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 0; right: 0; }
.list-comment .btn-group-comment .btn { display: flex; justify-content: center; align-items: center; width: 45px; height: 32px; border: 1px solid #dfdfdf; border-radius: 4px; box-sizing: border-box; background: #fff; font-size: 12px; font-weight: 400; color: #000; transition: .2s all ease-out; }
.list-comment .btn-group-comment .btn:hover { border: none; background: #007aff; color: #fff; }
.list-comment .btn-group-comment .btn:disabled { border: 1px solid #eaeaea; background: #f9f9f9; color: #bebebe; cursor: default; }
.list-comment .btn-group-comment .btn + .btn { margin-left: 4px; }
.list-comment .inp-group-comment { padding: 0; }


/*table style*/
.top-table { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.top-table .tit { display: flex; align-items: center; font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.top-table .tit-v1 { position: relative; padding-left: 24px; box-sizing: border-box; font-size: 18px; }
.top-table .tit-v1:before { content: ''; display: block; position: absolute; left: 9px; width: 6px; height: 6px; border-radius: 50%; box-sizing: border-box; background: #23c7ff; }
.top-table .tit span { margin-left: 16px; font-size: 12px; font-weight: 400; color: #666; line-height: 16px; }
.top-table .txt { font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.top-table .btn { display: flex; justify-content: center; align-items: center; min-width: 80px; height: 32px; padding: 0 12px; border: none; border-radius: 4px; box-sizing: border-box; background: #666; font-size: 12px ;font-weight: 400; color: #fff; }

.tbl { width: 100%; border-collapse: collapse; border-spacing: 0; }
.tbl thead { position: sticky; top: 0; z-index: 1; }
.tbl thead:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 1px; margin: 0 auto; background: #000; }
.tbl tr { border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.tbl th { width: 188px; padding: 20px; box-sizing: border-box; background: #f9f9f9; font-size: 16px; font-weight: 500; color: #000; text-align: left; line-height: 24px; }
.tbl th .required { margin-left: 5px; font-weight: 500; font-size: 16px; color: #1cb0d4; }
.tbl td { width: calc(100% - 188px); padding: 20px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.tbl td .txt-s { font-size: 14px; font-weight: 400; color: #000; line-height: 20px; }

.tbl-v1 { position: relative; table-layout: fixed; }
.tbl-v1 thead { position: static; }
.tbl-v1 th,
.tbl-v1 td { text-align: center; }
.tbl-v1 th:not(:last-child),
.tbl-v1 td:not(:last-child) { border-right: 1px solid #eaeaea; box-sizing: border-box; }

.tbl-v1 td.v1 { padding: 10px 20px; box-sizing: border-box; }


/*swipe style*/
.xScrollArea { position: relative; }
.xScrollArea:after { content: ''; display: none; position: absolute; top: 20px; right: 20px; z-index: 1; width: 40px; height: 40px; background: url('/img/common/ico_swipe1.svg') center center no-repeat; }
.xScrollArea.scrolling:after { opacity: 0; }
.xScrollArea .inner { overflow-x: auto; }


/*guide style*/
.guide-group { margin-top: 40px; padding: 32px; border-radius: 8px; box-sizing: border-box; background: #f9f9f9; }
.guide-group .txt p { position: relative; margin-bottom: 2px; padding-left: 16px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.guide-group .txt p:last-child { margin-bottom: 0; }
.guide-group .txt p:before { content: ''; position: absolute; top: 10px; left: 0; display: block; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #666; }
.guide-group .txt a { font-weight: 700; color: #23c7ff; text-decoration: underline; }

.guide-group2 { margin-bottom: 40px; padding: 20px; border-radius: 8px; box-sizing: border-box; background: #f9f9f9; }
.guide-group2 .txt p { position: relative; margin-bottom: 8px; padding-left: 26px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }
.guide-group2 .txt p:last-child { margin-bottom: 0; }
.guide-group2 .txt p:before { content: ''; position: absolute; top: 1px; left: 0; display: block; width: 18px; height: 18px; border-radius: 50%; box-sizing: border-box; background: url('/img/common/ico_alert3.svg') center center no-repeat; }
.guide-group2 .txt p span { color: #23c7ff; }

.guide-group2 .txt strong { position: relative; margin-bottom: 8px; padding-left: 26px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }
.guide-group2 .txt strong:last-child { margin-bottom: 0; }
.guide-group2 .txt strong:before { content: ''; position: absolute; top: 1px; left: 0; display: block; width: 18px; height: 18px; border-radius: 50%; box-sizing: border-box; background: url('/img/common/ico_alert3.svg') center center no-repeat; }
.guide-group2 .txt strong { color: #ff0000; }

.guide-group3 { margin-top: 24px; padding: 20px; border-radius: 8px; box-sizing: border-box; background: #f9f9f9; }
.guide-group3 .tit { margin-bottom: 12px; font-size: 16px; font-weight: 500; color: #000; line-height: 24px; }
.guide-group3 .txt p { position: relative; margin-bottom: 4px; padding-left: 12px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #666; line-height: 20px; }
.guide-group3 .txt p:last-child { margin-bottom: 0; }
.guide-group3 .txt p:before { content: ''; position: absolute; top: 8px; left: 0; display: block; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #666; }
.guide-group3 .txt p strong { color: #333; }
.guide-group3 .txt p a { font-weight: 700; color: #23c7ff; text-decoration: underline; }

.guide-group4 { display: flex; align-items: center; padding: 28px; border-radius: 8px; box-sizing: border-box; background: #f2fcff; }
.guide-group4 .ico { width: 100px; margin-right: 36px; }
.guide-group4 .txt { width: calc(100% - 136px); }
.guide-group4 .txt p { position: relative; margin-bottom: 4px; padding-left: 10px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.guide-group4 .txt p:last-child { margin-bottom: 0; }
.guide-group4 .txt p:before { content: ''; position: absolute; top: 9px; left: 0; display: block; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #d9d9d9; }

.guide-group5 { display: flex; justify-content: space-between; align-items: center; padding: 32px; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box; }
.guide-group5 .txt { font-size: 14px; font-weight: 400; color: #333; line-height: 20px; }
.guide-group5 .btn { display: flex; justify-content: center; align-items: center; width: 160px; height: 32px; border-radius: 2px; box-sizing: border-box; background: #23c7ff; font-size: 12px; font-weight: 400; color: #fff; }


/*result message style*/
.result-message .ico { display: block; margin: 68px auto; zoom: 0.5; }
.result-message .tit-group { text-align: center; }
.result-message .tit-group .tit { font-size: 32px; font-weight: 700; color: #000; text-align: center; line-height: 44px; }
.result-message .tit-group .txt { margin-top: 20px; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.result-message .tit-group .txt p:not(:last-child) { margin-bottom: 8px; }
.result-message .tit-group .txt span { color: #23c7ff; }
.result-message .tit-group .txt span.c1 { color: #fd843d; }


/*component style*/
.w120 { width: 120px; }
.blind { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }


@media only screen and (max-width: 1324px) {
	/*button style*/
	.btn-custom,
	a.btn-custom { width: 100%; }
	
	.btn-custom-h48,
	a.btn-custom-h48 { height: 40px; font-size: 14px; }
	
	.btn-write,
	a.btn-write { width: 100%; }
	
	.btn-delete,
	a.btn-delete { width: 100%; }
	
	.btn-more-m { display: flex; }
	
	.btn-group .btn:not(:last-child) { margin-right: 4px; }
	
	.btn-group-center { margin: 40px 0; }
	.btn-group-center .btn { width: 100%; }
	.btn-group-center .btn2 { width: 100%; }
	
	.btn-wrap { flex-direction: column;  }
	.btn-wrap .btn-r { position: static; }
	.btn-wrap .btn-group-center { width: 100%; }
	
	/*checkbox & radio button style*/
	.ck-custom2 + label .label { font-size: 14px; line-height: 20px; }
	.ck-custom2 + label .label-info { display: block; margin-top: 4px; margin-left: -28px; text-indent: 0; }
	
	.ck-custom3 + label .label { font-size: 14px; line-height: 20px; }
	.ck-custom3 + label .label-info { display: block; margin-top: 4px; margin-left: -28px; text-indent: 0; }
	
	.ck-custom-bookmark + label { width: 40px; height: 40px; transition: none; }
	
	.list-ck { align-items: flex-start; }
	.list-ck li { width: 50%; margin: 6px 0; }
	.list-ck li:not(:last-child) { margin-right: 0; }
	
	.list-ck-v1 li { width: 100%; margin: 4px 0; }
	
	.list-ck-wrap { display: block; }
	
	/*select style*/
	.select-custom { width: 100%; font-size: 14px; }
	
	/*form style*/
	.required-info { font-size: 12px; line-height: 16px; }
	.required-info:only-child { margin-bottom: 0; }
	.required-info:not(:only-child) { margin-top: 4px; }
	
	.top-frm { flex-direction: column; align-items: flex-start; margin-bottom: 12px; }
	.top-frm .tit { font-size: 18px; line-height: 28px; }
	.top-frm .txt { font-size: 14px; }
	
	.list-frm .tr { flex-direction: column; align-items: flex-start; border-bottom: 0; }
	.list-frm .tr.s2 { width: 100%; }
	.list-frm .th { width: 100%; padding: 20px 0 8px; box-sizing: border-box; background: #fff; }
	.list-frm .th .tit { font-size: 14px; font-weight: 500; line-height: 20px; word-break: break-all; }
	.list-frm .th .tit br { display: none; }
	.list-frm .th .tit .txt-s { font-size: 12px; }
	.list-frm .th .required { margin-left: 3px; }
	.list-frm .td { width: 100%; padding: 0; font-size: 14px; line-height: 20px; }
	.list-frm .td .txt { margin: 0; }
	.list-frm .td .txt-s { font-size: 14px; line-height: 20px; }
	.list-frm .td .txt p { margin-bottom: 4px; }
	.list-frm .td .txt p:before { top: 7px; }
	.list-frm .td .txt2 { font-weight: 700; }
	.list-frm .td .td-message { font-size: 14px; line-height: 20px; }
	
	.list-frm2 .tr.s2 { width: 100%; }
	.list-frm2 .th { width: 100px; padding: 14px 12px; box-sizing: border-box; }
	.list-frm2 .th .tit { font-size: 14px; line-height: 20px; }
	.list-frm2 .td { width: calc(100% - 100px); padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 20px; }
	.list-frm2 .td .txt p { margin-bottom: 4px; }
	.list-frm2 .td .txt p:before { top: 7px; }
	.list-frm2 .td .txt-download a { font-size: 14px; line-height: 20px; }
	.list-frm2 .td .txt-link { font-size: 14px; line-height: 20px; }
	
	.list-frm3 { flex-wrap: wrap; }
	.list-frm3 .tr { width: 100%; border: none; }
	.list-frm3 .th { display: block; height: auto; padding: 20px 0 8px; border-bottom: none; box-sizing: border-box; background: none; }
	.list-frm3 .th .tit { font-size: 14px; line-height: 20px; }
	.list-frm3 .td { padding: 0; }
	
	.inp-frm { font-size: 14px; }
	textarea.inp-frm { padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 20px; }
	
	.btn-frm { font-size: 14px; }
	
	.frm-info { font-size: 12px; line-height: 16px; }
	
	.inp-group2 .inp-frm { width: calc(100% - 108px); }
	.inp-group2 .btn-frm { width: 100px; padding: 0 12px; box-sizing: border-box; }
	
	.inp-group3 > div { display: block; }
	.inp-group3 .inp-frm { width: 100%; }
	.inp-group3 .btn-frm { width: 100%; height: 40px; margin-top: 8px; margin-left: 0; font-size: 14px; }
	
	.inp-group-unit .inp-frm { width: calc(100% - 50px); }
	.inp-group-unit .unit { width: 50px; font-size: 14px; }
	
	.inp-group-search { height: 48px; padding: 0 20px 0 24px; box-sizing: border-box; }
	.inp-group-search .inp-search { font-size: 14px; }
	.inp-group-search .btn-search { width: 24px; background-size: contain; }
	
	.inp-group-date .inp-date { max-width: none; }
	.inp-group-date-v1 { display: block; }
	.inp-group-date-v1 > div:not(:last-child) { margin-bottom: 8px; }
	.inp-group-date-v1 .unit { display: none; }
	
	.inp-group-mail { display: block; }
	.inp-group-mail > div { width: 100%; }
	.inp-group-mail .select-custom { width: 100%; margin-top: 8px; }
	
	.inp-group-address .inp-frm { width: 100%; }
	.inp-group-address > div:first-child .inp-frm { width: calc(100% - 88px); }
	.inp-group-address > div:nth-child(2) { display: block; }
	.inp-group-address > div:nth-child(2) .inp-frm { width: 100%; margin-top: 8px; margin-right: 0; }
	
	.inp-group-select { display: block; }
	.inp-group-select .select-custom2 { width: 100%; }
	.inp-group-select .inp-frm { width: 100%; margin-top: 8px; }
	.inp-group-select .btn-frm { width: 100%; margin-top: 8px; }
	
	.inp-group-select-v1 .select-group { display: block; width: 100%; }
	.inp-group-select-v1 .select-group .select-custom2 { margin-bottom: 8px; }
	.inp-group-select-v1 .btn-frm { width: 100%; }
	
	.inp-group-comment { display: block; padding: 0; }
	.inp-group-comment .inp-comment { width: 100%; height: 80px; margin-right: 0; }
	.inp-group-comment .btn-send { width: 100%; height: 40px; font-size: 14px; margin-top: 12px; }
	
	.inp-group-add > div:nth-child(2) { display: block; }
	.inp-group-add > div:nth-child(2) .inp-frm { width: 100%; margin-right: 0; }
	.inp-group-add .list-ck { margin-top: 8px; }
	
	.inp-group-upload { display: block; }
	.inp-group-upload .frm-info { margin-top: 8px; margin-left: 0; }
	
	.upload-group .box { display: block; }
	.upload-group .box-attach-v1 { width: 100%; }
	.upload-group .preview-group { width: 80px; height: 80px; margin-top: 8px; margin-left: 0; }
	
	.upload-group .progress-group { width: 100%; margin-top: 10px; margin-left: 0; order: 3; }
	.upload-group .progress-group .state { width: 65px; margin-right: 0; }
	.upload-group .progress-group .bar-group { width: calc(100% - 65px); }
	
	/*파일 형식*/
	.list-attach .tit { max-width: calc(100% - 100px); }

	/*switch button style*/
	.switch .label:after { top: 8px; right: 15px; font-size: 14px; }
	.switch input:checked ~ .label:after { left: 30px; }
	
	
	/*서브 페이지 공통 CSS*/
	/*top page style*/
	.top-page { margin-bottom: 24px; text-align: center; }
	.top-page .tit { font-size: 28px; line-height: 40px; }
	.top-page .txt { font-size: 14px; line-height: 20px; }
	
	/*tab menu style*/
	.tab-menu .tab { height: 48px; font-size: 16px; }
	
	.tab-menu2 .tab { width: 100%; height: 48px; font-size: 14px; }
	
	.tab-menu-group .btn { position: static; margin: 16px 0 12px; font-size: 12px; }
	.tab-menu-group .btn:after { width: 16px; height: 16px; background-size: contain; transition: none; }
	
	/*slide tab style*/
	.slide-tab { margin: 0 -20px 40px; }
	.slide-tab:after { content: ''; display: block; position: absolute; right: 20px; width: 40px; height: 40px; background: url('/img/common/ico_swipe1.svg') center center no-repeat; }
	.slide-tab .swiper { padding: 0 20px; box-sizing: border-box; }
	.slide-tab .swiper-slide { height: 40px; padding: 0 16px; border-radius: 20px; box-sizing: border-box; font-size: 14px; }

	/*article style*/
	.article-group:not(:last-child) { margin-bottom: 40px; }
	.article-group .article:not(:last-child) { margin-bottom: 40px; }
	.top-article { padding-bottom: 12px; box-sizing: border-box; }
	.top-article-v1 { display: block; }
	.top-article .tit { font-size: 20px; line-height: 28px; }
	.top-article .tit-v1 { font-size: 18px; }
	.top-article .tit-v2 { font-size: 18px; }
	.top-article .txt { margin-top: 16px; font-size: 12px; line-height: 16px; }
	.top-article .btn-more { font-size: 12px; }
	.top-article .btn-more:after { width: 16px; height: 16px; background-size: contain; transition: none; }
	.article-content { padding-top: 16px; box-sizing: border-box; }
	.article-content .box { padding: 16px; box-sizing: border-box; }

	/*search style*/
	.board-tool { margin-bottom: 40px; }
	
	.board-search { display: block; }
	.board-search .filter-group { margin-right: 0; margin-bottom: 8px; }
	.board-search .filter-group .select-custom { width: 100%; height: 40px; margin-right: 8px; font-size: 14px; }
	
	.board-search .search-group { display: block; }
	.board-search .search-group .inp-search { width: 100%; height: 40px; margin-bottom: 8px; font-size: 14px; }
	.board-search .search-group .btn-search { width: 100%; height: 40px; font-size: 14px; }

	.board-tool2 { padding-bottom: 12px; box-sizing: border-box; }
	
	.board-count {  font-size: 16px; }

	/*board style*/
	/*board style > list*/
	.list-board li { padding: 20px 0; box-sizing: border-box; }
	.list-board .board-tit { margin-bottom: 4px; }
	.list-board .board-tit a { max-width: calc(100% - 28px); font-size: 18px; }
	.list-board .board-tit .ico-file,
	.list-board .board-tit .ico-lock { margin-left: 4px; }
	
	/*board style > table*/
	.list-board2 li { display: flex; flex-wrap: wrap; align-items: flex-start; position: relative; padding: 24px 0; box-sizing: border-box; }
	.list-board2 li:first-child { display: none; }
	.list-board2 .td { display: flex; justify-content: flex-start; align-items: center; order: 3; width: auto; min-height: auto; padding: 0; font-size: 14px; line-height: 20px; }
	.list-board2 .td br { display: none; }
	.list-board2 .td.t-date2 br { display: block; }
	.list-board2 .t-tit { flex: auto; order: 2; width: 100%; margin: 8px 0; font-size: 18px; font-weight: 700; line-height: 28px; }
	.list-board2 .t-tit-v1 { margin: 4px 0 12px; padding-bottom: 12px; border-bottom: 1px dashed #eaeaea; box-sizing: border-box; }
	.list-board2 .t-tit .ico-file { display: block; }
	.list-board2 .m-td { position: relative; margin-right: 16px; }
	.list-board2 .m-td-v1:after { content: ''; display: block; position: absolute; top: calc(50% - 6px); right: -10px; width: 1px; height: 12px; background: #bebebe; }
	.list-board2 .m-tit { display: inline-block; position: relative; margin-right: 18px; }
	.list-board2 .m-tit:after { content: ''; display: block; position: absolute; top: calc(50% - 6px); right: -10px; width: 1px; height: 12px; background: #bebebe; }
	.list-board2 .m-td2 { min-width: 70px; margin-right: 16px; text-align: left; }
	.list-board2 .m-td2 span { display: block; }
	.list-board2 .m-td2 .m-tit:after { display: none; }
	
	/*td 순서*/
	.list-board2 .o1 { order: 1; }
	.list-board2 .td:not(.o1) + .t-tit { margin-top: 0; }
	.list-board2 .o2 { order: 2; }
	.list-board2 .o3 { order: 3; }
	.list-board2 .o4 { order: 4; }
	.list-board2 .o5 { order: 5; }
	
	.list-board2 .t-no { display: none; }
	.list-board2 .td.t-file { display: none; }
	.list-board2 .t-biz-v1 { width: 100%; margin: 8px 0; font-size: 18px; font-weight: 700; line-height: 28px; }
	.list-board2 .t-addr { width: 100%; }
	.list-board2 .t-tel { width: 100%; }
	
	.list-board2-v1 .t-desc { margin-bottom: 12px; }
	.list-board2-v1 .t-desc .tit { font-size: 18px; line-height: 28px; }
	.list-board2-v1 .t-desc .txt { font-size: 14px; line-height: 20px; opacity: .8; }
	
	/*board style > card*/
	.card-wrap { margin-top: 24px; }
	
	.list-card { display: block; margin: 0; }
	.list-card li { width: 100%; margin-bottom: 24px; padding: 0; }
	.list-card li:last-child { margin-bottom: 0; }
	.list-card .card { height: 276px; padding-top: 100px; box-sizing: border-box; }
	.list-card .board-state { width: 68px; height: 68px; font-size: 14px; line-height: 20px; }
	.list-card .board-state .state { padding-bottom: 14px; box-sizing: border-box; }
	.list-card .board-category { margin-bottom: 8px; }
	.list-card .board-tit { margin-bottom: 16px; font-size: 18px; line-height: 28px; }
	.list-card .board-info .txt-group { margin-bottom: 2px; line-height: 20px; }
	.list-card .board-info .txt-group:last-child { margin-bottom: 0; }
	.list-card .board-info .txt-group .tit { width: 41px; font-size: 14px; }
	.list-card .board-info .txt-group .desc { width: calc(100% - 41px); font-size: 14px; }
	
	.list-card2 { display: block; margin: 0; }
	.list-card2 li { width: 100%; margin-bottom: 24px; padding: 0; }
	.list-card2 li:last-child { margin-bottom: 0; }
	.list-card2 .card { height: auto; }
	.list-card2 .img-group { height: 55.556vw; }
	.list-card2 .board-info .board-tit { font-size: 18px; }
	.list-card2 .board-info .board-date { margin-top: 12px; font-size: 14px; line-height: 20px; }
	
	.list-card3 { display: block; margin: 0; }
	.list-card3 li { width: 100%; margin-bottom: 24px; padding: 0; }
	.list-card3 li:last-child { margin-bottom: 0; }
	.list-card3 .card { height: auto; }
	.list-card3 .img-group { height: 46.154vw; }
	.list-card3 .tit-group .tit { font-size: 18px; }
	.list-card3 .tit-group .txt { height: 40px; margin-top: 8px; font-size: 14px; line-height: 20px; }
	
	/*category style*/
	.board-category .category { height: 22px; border-radius: 11px; box-sizing: border-box; font-size: 12px; }
	.board-category-v1 .category { min-width: 55px; height: 20px; }
	
	/*badge style*/
	.item-state-v1 .state .badge { height: 20px; font-size: 12px; }
	.item-state-v1 .state .txt { font-size: 14px; line-height: 20px; }
	
	/*no data*/
	.no-data { margin: 40px 0; }
	.no-data .tit { font-size: 18px; line-height: 28px; }
	.no-data .txt { font-size: 12px; line-height: 16px; }

	/*paging style*/
	.paging-wrap { display: block; margin: 40px 0; }
	.paging-wrap .btn-r { position: static; margin-top: 40px; }
	.paging { justify-content: space-between; }
	.paging a { width: 40px; height: 40px; margin: 0; }
	.paging .num { margin: 0; }
	.paging .btn-paging-prev,
	.paging .btn-paging-next { margin: 0; }
	.paging .btn-paging-prev2,
	.paging .btn-paging-next2 { display: none; }

	/*board view style*/
	.top-board { padding: 24px 0; box-sizing: border-box; }
	.top-board .board-category { margin-bottom: 8px; }
	.top-board .board-tit { font-size: 18px; line-height: 28px; }
	.top-board .board-tit .ico-lock { width: 20px; }
	.top-board .board-data { margin-top: 4px; }
	.top-board .board-data > div:not(:last-child) { margin-right: 9px; }
	.top-board .board-data > div:not(:last-child):after { right: -6px; }
	
	.board-content .inner { padding: 40px 0; box-sizing: border-box; }
	.board-content .ico-qna { font-size: 28px; }
	.board-content .txt { font-size: 14px; line-height: 20px; }
	
	.list-board-file li { padding: 8px 12px; box-sizing: border-box; }
	.list-board-file .btn { margin-left: 8px; border-radius: 2px; box-sizing: border-box; }
	.list-board-file .tit { max-width: calc(100% - 130px); }
	.list-board-file .size { font-size: 12px; }
	
	.list-board-file-v1 li { display: block; position: relative; padding: 10px 12px; box-sizing: border-box; }
	.list-board-file-v1 .tit { max-width: calc(100% - 55px); font-size: 12px; line-height: 16px; }
	.list-board-file-v1 .size { margin-left: 0; line-height: 16px; }
	.list-board-file-v1 .btn { position: absolute; top: 10px; right: 12px; margin-left: auto; }
	
	.board-navigation dl { height: 48px; font-size: 14px; }
	.board-navigation dt { width: 76px; padding-left: 12px; box-sizing: border-box; font-size: 14px; }
	.board-navigation dd { width: calc(100% - 76px); padding: 14px 16px; box-sizing: border-box; font-size: 14px; }
	
	.list-board-info .tit { width: 72px; padding: 14px 0 14px 12px; box-sizing: border-box; font-size: 14px; line-height: 20px; }
	.list-board-info .desc { width: calc(100% - 72px); padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 20px; }
	
	.comment-group { padding-top: 40px; box-sizing: border-box; }
	
	.list-comment li { justify-content: flex-start; padding: 24px 0; box-sizing: border-box; }
	.list-comment .comment-data { width: 100%; margin-bottom: 12px; padding: 0; }
	.list-comment .btn-group-comment { justify-content: flex-start; position: static; margin-top: 12px; }
	
	.answer-group { padding: 16px; margin-bottom: 30px; }
	.answer-group-info .txt-group { font-size: 12px; }

	/*table style*/
	.top-table .tit { font-size: 18px; line-height: 28px; }
	.top-table .tit-v1 { font-size: 16px; line-height: 24px; }
	.top-table .tit span { margin-left: 8px; }
	.top-table .txt { font-size: 12px; line-height: 16px; }
	
	.tbl th { width: 25%; }
	.tbl td { width: 75%; }
	.tbl th,
	.tbl td { padding: 14px 12px; box-sizing: border-box; font-size: 14px; line-height: 20px; }
	
	.tbl-v1 td.v1 { padding: 10px 12px; box-sizing: border-box; }
	
	/*.scroll-table { width: calc(100% + 20px); }*/
	.scroll-table .inner { /*padding-right: 20px;*/ padding-bottom: 12px; box-sizing: border-box; }
	
	/*scrollbar style*/
	.scroll-table .inner {
		scrollbar-arrow-color: #23c7ff;
		scrollbar-base-color: #eaeaea;
		scrollbar-3dlight-color: #eaeaea;
		scrollbar-darkshadow-color: #eaeaea;
		scrollbar-face-color: #23c7ff;
		scrollbar-highlight-color: #eaeaea;
		scrollbar-shadow-color: #eaeaea;
		scrollbar-track-color: #eaeaea;
	}
	.scroll-table .inner::-webkit-scrollbar { width: 2px; height: 2px; }
	.scroll-table .inner::-webkit-scrollbar-track { background: #eaeaea; }
	.scroll-table .inner::-webkit-scrollbar-thumb { width: 2px; height: 2px; border-radius: 0; box-sizing: border-box; background: #23c7ff; }
	
	/*swipe style*/
	.xScrollArea:after { display: block; }
	
	/*guide style*/
	.guide-group { padding: 20px 16px; box-sizing: border-box; }
	.guide-group .txt p { font-size: 14px; line-height: 20px; }
	.guide-group .txt p:before { top: 8px; }
	
	.guide-group2 { padding: 16px; box-sizing: border-box; }
	.guide-group2 .txt p { padding-left: 24px; box-sizing: border-box; font-size: 12px; line-height: 16px; }
	.guide-group2 .txt p:before { top: 0; width: 16px; height: 16px; background-size: contain; }
	
	.guide-group4 { display: block; padding: 28px 20px; box-sizing: border-box; }
	.guide-group4 .ico { display: none; }
	.guide-group4 .txt { width: 100%; }
	.guide-group4 .txt p { font-size: 14px; line-height: 20px; }
	.guide-group4 .txt p:before { top: 8px; }
	
	.guide-group5 { display: block; padding: 20px; box-sizing: border-box; }
	.guide-group5 .btn { margin-top: 12px; }
	
	/*result message style*/
	.result-message .ico { margin: 48px auto; }
	.result-message .tit-group .tit { font-size: 24px; line-height: 36px; }
	.result-message .tit-group .txt { margin-top: 16px; font-size: 14px; line-height: 20px; }
	
	.result-message-v1 .tit-group .txt { font-size: 16px; line-height: 24px; }
	.result-message-v1 .tit-group .txt br { display: none; }
}


@media only screen and (max-width: 320px) {
	.paging .num a:not(:nth-child(-n + 3)) { display: none; }
}