/*button style*/
.btn-custom,
a.btn-custom { display: flex; justify-content: center; align-items: center; min-width: 76px; padding: 0 16px; height: 56px; border: none; box-sizing: border-box; background: #019392; 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: #166977; }

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

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

.btn-custom .ico,
a.btn-custom .ico { width: 24px; height: 24px; background: url('/img/ico_plus1.svg') center center no-repeat; }

.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; }

/*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; 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: 0 0 0 auto; border: none; 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/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-more-m { display: none; justify-content: center; align-items: center; width: 100%; height: 56px; margin-top: 24px; border: 1px solid #dfdfdf; box-sizing: border-box; background: #fff; font-size: 16px; font-weight: 700; color: #000; text-align: center; transition: .2s all ease-out; }
.btn-more-m:after { content: ''; display: block; width: 24px; height: 24px; background: url('/img/ico_arrow_more1_off.svg') center center no-repeat; transition: .2s all ease-out; }
.btn-more-m:hover { color: #019392; }
.btn-more-m:hover:after { background-image: url('/img/ico_arrow_more1_on2.svg'); }

/*중앙 버튼*/
.btn-group-center { display: flex; justify-content: center; align-items: center; margin: 40px 0 60px; }
.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-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-group-board { display: flex; align-items: center; margin: 40px 0 60px; }
.btn-group-board .btn { display: flex; justify-content: center; align-items: center; width: 120px; height: 48px; margin-right: 12px; }
.btn-group-board .btn:first-child { margin-right: auto; }
.btn-group-board .btn:last-child { margin-right: 0; }
.btn-group-board .btn:only-child { margin: 0 auto; }
.btn-group-board .btn-v1 { border: none; background: #1c94cd; color: #fff; }
.btn-group-board .btn-v2 { border: none; background: #3e4a78; color: #fff; }

.btn-group-board-v1 { justify-content: center; }
.btn-group-board-v1 .btn:first-child { margin-right: 12px; }


/*디자인 대기 중*/
.btn-group { display: flex; justify-content: space-between; align-items: center; }
.btn-group .btn:not(:last-child) { margin-right: 8px; }

.btn-group.center { display: flex; justify-content: center; align-items: center; margin-top: 20px; }
.btn-group.center .btn { height: 40px; font-size: 14px; }


/*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: 14px; font-weight: 400; color: #000; line-height: 20px; }
.ck-custom2:checked + label .custom { background-image: url('/img/common/ico_check2_on.svg'); }

.ck-custom4 { display: none; }
.ck-custom4 + label { display: block; padding-left: 28px; box-sizing: border-box; text-indent: -28px; cursor: pointer; }
.ck-custom4 + label .custom { display: inline-block; width: 24px; height: 24px; margin-right: 4px; background: url('/img/common/ico_check2_on.svg') center center no-repeat; background-size: contain; vertical-align: -7px; transition: .2s all ease-out; }
.ck-custom4 + label .label { font-size: 14px; font-weight: 400; color: #000; transition: .2s all ease-out; }
.ck-custom4 + label .label a { color: #1a95ce; text-decoration: underline; }
.ck-custom4:checked + label .custom { background-image: url('/img/ico_check3_on.svg'); }
.ck-custom4:checked + label .label { font-weight: 500; color: #333; }

.ck-custom-bookmark { display: none; }
.ck-custom-bookmark + label { display: block; width: 32px; height: 32px; background: url('/img/ico_bookmark1_off.svg') center center no-repeat; transition: .2s all ease-out; cursor: pointer; }
.ck-custom-bookmark:checked + label { background-image: url('/img/ico_bookmark1_on.svg'); }

.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; }
.list-ck-wrap .frm-info { margin-top: 0; }


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

.select-custom2 { display: block; width: 100%; height: 40px; padding: 0 32px 0 16px; border: 1px solid #dfdfdf; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; transition: 0.2s all ease-out; }
.select-custom2:hover { border-color: #019392; }
.select-custom2:focus { border-color: #000; }
.select-custom2: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; }
.required-info:only-child { margin-bottom: -4px; }

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

.list-frm { display: flex; flex-wrap: wrap; border-top: 2px solid #019392; 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: 500; color: #000; line-height: 24px; }
.list-frm .th .tit .txt-s { display: block; margin-top: 4px; font-size: 14px; line-height: 20px; }
.list-frm .th .required { margin-left: 4px; color: #019392; }
.list-frm .td { width: calc(100% - 188px); padding: 12px 20px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; line-height: 20px; }
.list-frm .td .txt-s { font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.list-frm .td .td-message { margin-top: 8px; padding: 10px 16px; box-sizing: border-box; background: #f9f9f9; font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.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: #019392; 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-frm .td .download-group-v1 a { font-size: 14px; line-height: 20px; }
.list-frm .td .download-group-v1 a img { width: 20px; }

.list-frm2 { display: flex; flex-wrap: wrap; }
.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: 500; 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: #666; line-height: 24px; }

.list-frm.v2 { border-top: 0; }
.list-frm.v2:last-child .tr { border-bottom: 0; }
.list-frm.v2 .tr.s3 { width: calc(50% - 100px); }
.list-frm.v2 .tr.s3:nth-child(2) { width: 100%; flex: 1; }
.list-frm.v2 .tr.s3:last-child { width: auto; }
.list-frm.v2 .th { width: auto; padding-right: 16px; background: #fff; }
.list-frm.v2 .th .tit { font-size: 14px; font-weight: 400; width: 55px; }
.list-frm.v2 .td { width: calc(100% - 91px); max-width: 240px; padding-left: 0; padding-right: 0; font-size: 14px; }
.list-frm.v2 .tr.s3:last-child .td { width: auto; padding-right: 20px; }
.list-frm.v2:first-child .th .tit { font-weight: 700; }
.list-frm.v2:first-child .tr,.list-frm.v2:first-child .tr .th,.list-frm.v2:first-child .tr .td { background: #f4fdff; }
.list-frm.v2 .tr .btn-custom { min-width: 80px; height: 40px; font-size: 14px; }

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

.inp-frm { display: block; width: 100%; height: 40px; padding: 0 16px; border: 1px solid #dfdfdf; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; transition: 0.2s all ease-out; }
.inp-frm:hover { border-color: #019392; }
.inp-frm:focus { border-color: #000; }
.inp-frm:disabled,
.inp-frm:read-only { border-color: #ddd; background: #f3f3f3; color: #bebebe; }
textarea.inp-frm { height: 60px; padding: 10px 16px; box-sizing: border-box; line-height: 20px; }

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

.btn-frm-v1 { background: #019392; }
.btn-frm-v1 .ico-plus { display: block; width: 20px; height: 20px; margin-right: 4px; background: url('/img/ico_item_plus1.svg') center center no-repeat; }
.btn-frm-v1 .ico-minus { display: block; width: 20px; height: 20px; margin-right: 4px; background: url('/img/ico_item_minus1.svg') center center no-repeat; }

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

.frm-info { position: relative; margin-top: 8px; font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.frm-info span { color: #1a95ce; text-decoration: underline; }

.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; }

.frm-guide { margin-top: 24px; padding: 20px; box-sizing: border-box; background: #f9f9f9; }
.frm-guide .tit { margin-bottom: 12px; font-size: 16px; font-weight: 500; color: #333; line-height: 24px; }
.frm-guide .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; }
.frm-guide .txt p:last-child { margin-bottom: 0; }
.frm-guide .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; }
.frm-guide .txt p strong { color: #333; }
.frm-guide .txt p a { font-weight: 700; color: #019392; text-decoration: underline; }

.inp-group { margin-bottom: 20px; }
.inp-group:last-child { margin-bottom: 0; }

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

/*.inp-group-date2 { display: flex; align-items: center; }
.inp-group-date2 > div { display: flex; align-items: center; position: relative; width: 248px; height: 40px; background: url('/img/ico_calendar1.svg') right center no-repeat; }
.inp-group-date2 > div:before { content: ''; display: block; position: absolute; left: 0; width: 200px; height: 100%; border: 1px solid #e8e8e8; box-sizing: border-box; }
.inp-group-date2 .inp-date { position: relative; width: 100%; height: 100%; padding: 0 16px; border: none; background: none; cursor: pointer; font-size: 14px; }
.inp-group-date2 .unit { display: flex; justify-content: center; align-items: center; width: 40px; font-size: 16px; font-weight: 400; color: #666; }*/

.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-custom2 { 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 { margin-right: 8px; }
.inp-group-address .inp-frm:last-child { margin-right: 0; }
.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; }
.inp-group-comment .inp-comment { display: block; width: calc(100% - 120px); height: 80px; padding: 10px 16px; border: 1px solid #dfdfdf; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #666; 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: 120px; height: 80px; border: none; background: #019392; font-size: 14px; font-weight: 400; color: #fff; transition: 0.2s all ease-out; }
.inp-group-comment .btn-send:hover { background: #166977; }
/*.inp-group-comment .btn-send.active { border: none; background: #166977; color: #fff; }*/

.inp-group-add:not(:last-child) { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.inp-group-add > div { display: flex; align-items: center; margin-bottom: 8px; }
.inp-group-add > div:last-child { margin-bottom: 0; }
.inp-group-add .inp-frm { width: calc(100% - 88px); margin-right: 8px; }
.inp-group-add > div:nth-child(2) .inp-frm { width: 300px; margin-right: 24px; }

.inp-group-txt { position: relative; max-width: 320px; width: 100%; }
.inp-group-txt .unit { position: absolute; top: 10px; right: 16px; font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.inp-group-txt .inp-frm { padding-right: 36px; }

.inp-group-btn { display: flex; align-items: center; flex-wrap: wrap; }
.inp-group-btn .inp-frm { flex: 1; }
.inp-group-btn .btn-frm { margin-left: 8px; background: #0f80a1; }

.option-group { display: flex; flex-wrap: wrap; align-items: center; height: auto; min-height: 40px; padding: 7px 16px; box-sizing: border-box; }
.option-group:read-only { background: #fff; }
.option-group > div { display: flex; flex-wrap: wrap; align-items: center; margin-right: 24px; font-size: 16px; font-weight: 400; color: #1a95ce; }
.option-group > div:last-child { margin-right: 0; }
.option-group img { margin: 0 4px; }
.option-group .btn-delete { width: 16px; height: 16px; margin-left: 8px; border: none; background: url('/img/ico_x2.svg') center center no-repeat; background-size: contain; }
.option-group-v1 > div { margin-right: 4px; }

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

.upload-group .attach-txt { padding: 10px; border: 1px solid #eaeaea; border-bottom: none; box-sizing: border-box; background: #f5f5f5; font-size: 14px; font-weight: 400; text-align: center; }
.upload-group .attach-group { padding: 12px; border: 1px solid #eaeaea; box-sizing: border-box; }
.upload-group .attach-group > li { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 8px; padding: 4px 4px 4px 12px; box-sizing: border-box; background: #f9f9f9; }
.upload-group .attach-group > li:last-child { margin-bottom: 0; }
.upload-group .attach-group .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 500; color: #000; flex: 1; }
.upload-group .attach-group .process-group { display: flex; justify-content: flex-end; align-items: center; }
.upload-group .attach-group .process-group .state { margin-right: 10px; font-size: 12px; font-weight: 400; color: #959595; }
.upload-group .attach-group .process-group .state.complete { color: #019392; }
.upload-group .attach-group .process-group .bar-group { position: relative; width: 148px; height: 32px; background: #eaeaea; }
.upload-group .attach-group .process-group .bar-group .bar { position: absolute; left: 0; height: 100%; background: #019392; }
.upload-group .attach-group .process-group .bar-group .percent { position: absolute; top: calc(50% - 7px); left: 8px; right: 0; margin: 0 auto; font-size: 12px; font-weight: 400; color: #999; }
.upload-group .attach-group .process-group .bar-group .percent.active { color: #fff; }
.upload-group .attach-group .btn-delete { width: 60px; height: 32px; margin-left: 10px; padding: 8px 12px; border: 1px solid #dfdfdf; box-sizing: border-box; background: #fff; font-size: 12px; color: #000; text-align: center; }

.upload-group .attach-group2 { padding: 12px; border: 1px solid #eaeaea; box-sizing: border-box; }
.upload-group .attach-group2 .list-attach { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; }
.upload-group .attach-group2 .file-group2 { width: 88px; border: 1px solid #eaeaea; box-sizing: border-box; }
.upload-group .attach-group2 .file-group2 .img-group { position: relative; height: 66px; }
.upload-group .attach-group2 .file-group2 .img-group .btn-delete { position: absolute; top: 0; right: 0; width: 16px; height: 16px; border: 1px solid #eaeaea; box-sizing: border-box; background: url('/img/ico_x2.svg') center center no-repeat #fff; }
.upload-group .attach-group2 .file-group2 .tit { padding: 4px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 400; color: #666; }
.attach-group-nofile { display: flex; height: 75px; align-items: center; background-color: #fff; justify-content: center; font-size: 12px; color: #bebebe; }

.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; }


/*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: 50px; }
.top-page .tit { font-size: 48px; font-weight: 700; color: #000; line-height: 64px; }


/*tab menu style*/
.tab-menu { display: flex; align-items: center; margin-bottom: 40px; }
.tab-menu .tab { display: flex; justify-content: center; align-items: center; width: 100%; height: 52px; box-shadow: 1px 0 0 0 #dfdfdf, 0 1px 0 0 #dfdfdf, 1px 0 0 0 #dfdfdf inset, 0 1px 0 0 #dfdfdf inset, 1px 1px 0 0 #dfdfdf; box-sizing: border-box; font-size: 18px; font-weight: 400; color: #bebebe; transition: .2s all ease-out; cursor: pointer; }
.tab-menu .tab:hover,
.tab-menu .tab.active { z-index: 1; box-shadow: 1px 0 0 0 #019392, 0 1px 0 0 #019392, 1px 0 0 0 #019392 inset, 0 1px 0 0 #019392 inset, 1px 1px 0 0 #019392; box-sizing: border-box; font-weight: 700; color: #019392; }

.tab-menu2 { display: flex; align-items: center; }
.tab-menu2 .tab { display: flex; justify-content: center; align-items: center; width: 50%; height: 68px; border-bottom: 1px solid #ddd; box-sizing: border-box; font-size: 20px; font-weight: 700; color: #000; text-align: center; }
.tab-menu2 .tab.active { border-bottom: 2px solid #019392; box-sizing: border-box; background: #fff; color: #019392; }


/*article style*/
.article-group:not(:last-child) { margin-bottom: 40px; }
.top-article { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 2px solid #000; box-sizing: border-box; }
.top-article .tit { display: flex; align-items: center; font-size: 20px; font-weight: 700; color: #000; line-height: 28px; }
.top-article .tit img { margin-right: 12px; }
.top-article .txt { font-size: 14px; font-weight: 400; color: #999; line-height: 20px; }
.top-article .btn-more { display: flex; justify-content: flex-end; align-items: center; height: 32px; padding: 0 6px 0 12px; border: 1px solid #dfdfdf; box-sizing: border-box; font-size: 12px; font-weight: 400; color: #000; transition: .2s all ease-out; }
.top-article .btn-more:after { content: ''; display: block; width: 16px; height: 16px; background: url('/img/ico_arrow_more1_off.svg') center center no-repeat; background-size: 16px; transition: .2s all ease-out; }
.top-article .btn-more:hover { border-color: #019392; background: #019392; color: #fff; }
.top-article .btn-more:hover:after { background-image: url('/img/ico_arrow_more1_on.svg'); }
.top-article + .list-frm { border-top: none; }
.article-content { padding-top: 24px; box-sizing: border-box; }
.article-content .box { padding: 20px; box-sizing: border-box; background: #f9f9f9; }


/*board tool style*/
.board-tool { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }

.board-search { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; padding: 28px; box-sizing: border-box; background: #f9f9f9; }
.board-search .filter-group { display: flex; align-items: center; margin-right: 8px; }
.board-search .filter-group .select-custom { width: 120px; height: 40px; margin-right: 8px; }
.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: 572px; box-sizing: border-box; overflow: hidden; }
.board-search .search-group .inp-search { width: calc(100% - 92px); height: 40px; padding: 0 16px; border: 1px solid #dfdfdf; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; transition: 0.2s all ease-out; }
.board-search .search-group .inp-search:hover { border-color: #019392; }
.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: 40px; border: none; background: #019392; font-size: 14px; font-weight: 400; color: #fff; transition: 0.2s all ease-out; }
.board-search .search-group .btn-search:hover { background: #166977; }
.board-search .search-group .btn-search:focus { background: #166977; }
.board-search .search-group .btn-search:disabled { border: 1px solid #eaeaea; box-sizing: border-box; background: #f9f9f9; color: #bebebe; }

/*autocomplete style*/
.box-search { position: relative; }
.box-search .search-group { width: 828px; }
.box-search .search-autocomplete { display: none; position: absolute; width: 100%; margin-top: 8px; padding: 8px 0; border: 1px solid #ddd; box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.04); box-sizing: border-box; background: #fff; }
.box-search .search-autocomplete.active { display: block; }
.box-search .search-autocomplete .list-keyword li:not(:last-child) { margin-bottom: 4px; }
.box-search .search-autocomplete .list-keyword .keyword { display: block; padding: 6px 16px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #000; line-height: 20px; cursor: pointer; transition: .2s all ease-out; }
.box-search .search-autocomplete .list-keyword .keyword:hover,
.box-search .search-autocomplete .list-keyword .keyword.active { background: #f9f9f9; }
.box-search .search-autocomplete .list-keyword .highlight { color: #019392; }


/*count style*/
.board-count { padding-bottom: 18px; border-bottom: 2px solid #000; box-sizing: border-box; font-size: 18px; font-weight: 400; color: #959595; }
.board-count span { font-weight: 700; color: #000; }
.board-count-v1 { display: flex; justify-content: space-between; align-items: center; }
.board-count-v1 .tit { font-size: 20px; font-weight: 700; color: #333; }
.board-count-v1 .tit span { font-weight: 400; color: #666; }
.board-count-v1 .tit span strong { font-size-adjust: 700; color: #1a95ce; }
.board-count-v1 .btn { display: flex; justify-items: flex-end; align-items: center; font-size: 16px; font-weight: 700; color: #000; }
.board-count-v1 .btn img { margin-left: 10px; }


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

/*리스트 스타일*/
.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; }

/*테이블 스타일*/
.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: #f5fbfb; }
.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: 60px; padding: 12px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #959595; text-align: center; line-height: 20px; 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 .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 a:hover { font-weight: 700; color: #019392; }

.list-board2 .t-no { width: 8%; }
.list-board2 .t-chk { width: 8%; }
.list-board2 .t-category { width: 10%; }
.list-board2 .t-type { width: 20%; }
.list-board2 .t-reserve-no { width: 20%; }
.list-board2 .t-date { width: 12%; }
.list-board2 .t-date2 { width: 16%; }
.list-board2 .td.t-date2 { text-align: left; }
.list-board2 .t-state { width: 10%; }
.list-board2 .t-report { width: 15%; }
.list-board2 .t-view { width: 10%; }
.list-board2 .t-price { width: 15%; word-break: break-all; }
.list-board2 .t-option { width: 10%; }
.list-board2 .t-model { width: 10%; }

.list-board2-v1 { margin: 8px 0; border: 1px solid #eaeaea; box-sizing: border-box; }
.list-board2-v1 li:last-child { border-bottom: none; }
.list-board2-v1 .th:not(:last-child),
.list-board2-v1 .td:not(:last-child) { border-right: 1px solid #eaeaea; box-sizing: border-box; }
.list-board2-v1 .th { justify-content: center; }
.list-board2-v1 .td { min-height: 48px; }
.list-board2-v1 .th-s { padding: 14px 20px; box-sizing: border-box; background: #f9f9f9; font-size: 14px; font-weight: 500; color: #000; text-align: center; }
.list-board2-v1 .td-s { padding: 14px 20px; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #666; text-align: center; word-break: normal; }
.list-board2-v1 .t-no { width: 10%; }
.list-board2-v1 .t-count { width: 13%; }
.list-board2-v1 .t-state2 { width: 13%; }


/*category style*/
.board-category { display: flex; align-items: center; margin-bottom: 12px; }
.board-category .category { display: flex; justify-content: center; align-items: center; min-width: 68px; height: 28px; margin-right: 4px; padding: 0 8.5px; border: 1px solid #019392; border-radius: 14px; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #019392; }
.board-category .category:last-child { margin-right: 0; }
.board-category .category-v1 { border-color: #f5a630; color: #f5a630; }
.board-category .category-v2 { border-color: #eaeaea; color: #bebebe; }
.board-category .category-v3 { border-color: #666; color: #000; }
.board-category .category-v4 { border-color: #1c94cd; color: #1c94cd; }


/*no data*/
.no-data { margin: 80px 0; text-align: center; }
.no-data img { display: block; margin: 0 auto 8px; }
.no-data .tit { margin-bottom: 10px; font-size: 24px; font-weight: 600; color: #333; }
.no-data .txt { font-size: 16px; font-weight: 400; color: #999; line-height: 24px; }
.top-article + .no-data { margin-top: 0; padding-top: 40px; border-top: 1px solid #000; }


/*paging style*/
.paging-wrap { position: relative; }
.paging-wrap .btn-r { position: absolute; top: 0; right: 0; }

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


/*board style*/
.top-board { display: flex; flex-direction: column; align-items: flex-start; padding: 28px 20px 24px; border-top: 2px solid #000; box-sizing: border-box; }
.top-board .board-tit { margin-bottom: 8px; 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; }
.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; }

.file-group { width: calc(100% - 40px); margin: 0 auto; padding: 20px 24px; box-sizing: border-box; background: #f9f9f9; }
.file-group .tit { display: flex; align-items: center; margin-bottom: 12px; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; }
.file-group .tit img { width: 20px; margin-left: 4px; }
.file-group .download-group { box-sizing: border-box; }
.file-group .download-group a { display: block; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 400; color: #333; line-height: 20px; transition: .2s all ease-out; }
.file-group .download-group a:last-child { margin-bottom: 0; }
.file-group .download-group a:hover { color: #019392; text-decoration: underline; }

.board-content { padding: 60px 20px; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.board-content .txt { font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }

.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 { display: flex; justify-content: space-between; padding-top: 40px; border-top: 2px solid #000; box-sizing: border-box; }
.board-navigation dt { margin-bottom: 10px; }
.board-navigation dt a { display: flex; align-items: center; font-size: 16px; font-weight: 700; color: #000; line-height: 24px; }
.board-navigation dd { padding: 0 8px; box-sizing: border-box; }
.board-navigation dd a { font-size: 16px; font-weight: 400; color: #959595; line-height: 24px; }
.board-navigation dl:last-child dt a { justify-content: flex-end; text-align: right; }
.board-navigation dl:last-child dd { text-align: right; }

.board-recruit-info { margin-bottom: 24px; padding: 0 20px; box-sizing: border-box; }
.board-recruit-info-item { display: flex; padding: 8px 0; box-sizing: border-box; }
.board-recruit-info-item .tit { position: relative; width: 86px; padding-left: 20px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.board-recruit-info-item .tit:before { content: ''; display: block; position: absolute; top: calc(50% - 2px); left: 0; width: 4px; height: 4px; border-radius: 50%; box-sizing: border-box; background: #dfdfdf; }
.board-recruit-info-item .desc { width: calc(100% - 86px); padding: 0 20px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000; line-height: 24px; }
.board-recruit-info-item .desc .state { color: #019392; }
.board-recruit-info-item .desc .state-v1 { color: #bebebe; }

.board-warn { margin-top: 40px; padding: 12px 24px; border: 1px solid #eaeaea; box-sizing: border-box; background: #f9f9f9; }
.board-warn .txt { position: relative; padding-left: 13px; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #333; line-height: 24px; }
.board-warn .txt:before { content: ''; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #000; }
.board-warn .txt a { display: inline-flex; align-items: center; margin-top: 8px; padding: 0 8px; border: 1px solid #dfdfdf; box-sizing: border-box; background: #fff; font-size: 14px; font-weight: 500; color: #171921; }
.board-warn .txt a img { margin-left: 2px; }

.list-comment { margin-bottom: 40px; }
.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: 12px; padding: 4px 0; box-sizing: border-box; }
.list-comment .comment-data > div { position: relative; margin-right: 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: 12px; background: #bebebe; }
.list-comment .comment-data > div:last-child:after { display: none; }
.list-comment .comment-data .comment-writer { font-size: 14px; font-weight: 400; color: #000; }
.list-comment .comment-data .comment-day { font-size: 14px; font-weight: 400; color: #959595; }
.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; 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: #019392; 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 + .paging-wrap .paging { margin-bottom: 70px; }


/*table style*/
.table-group .table-info { margin-bottom: 16px; }
.table-group .table-info .txt { font-size: 14px; font-weight: 400; color: #959595; text-align: right; line-height: 20px; }

.tbl { width: 100%; border-collapse: collapse; border-spacing: 0; }
.tbl thead { position: sticky; top: 0; }
.tbl thead:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 2px; 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; line-height: 24px; font-weight: 500; color: #000; text-align: left; }
.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; }

.tb_scroll { overflow-x: auto; overflow-y: hidden; }
.top-article .btn { width: 24px; height: 24px; border: 1px solid #dfdfdf; border-radius: 50%; background: #fff; margin-left: 3px; vertical-align: top; }


/*result message style*/
.result-message .ico { display: block; margin: 0 auto 24px; }
.result-message .tit-group { text-align: center; }
.result-message .tit-group .tit { font-size: 28px; font-weight: 700; color: #000; line-height: 40px; }
.result-message .tit-group .txt { margin-top: 8px; font-size: 16px; font-weight: 400; color: #666; line-height: 24px; }
.result-message .tit-group .txt span { color: #f5a630; }


/*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: 1280px) {
	/*button style*/
	.btn-custom,
	a.btn-custom { width: 100%; }
	
	.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-board .btn { width: 100%; margin-right: 8px; }
	.btn-group-board .btn:first-child { margin-right: 8px; }
	
	.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-custom4 + label .label { font-size: 14px; }
	
	.list-ck li { min-width: 50%; margin: 6px 0; }
	.list-ck li:not(:last-child) { margin-right: 0; }
	
	.list-ck-wrap { display: block; }
	.list-ck-wrap .frm-info { margin-top: 10px; }
	
	/*select style*/
	.select-custom2 { width: 100%; padding-left: 12px; box-sizing: border-box; font-size: 14px; }
	
	/*form style*/
	.required-info { font-size: 12px; line-height: 16px; }
	.required-info:not(:only-child) { margin-top: 16px; margin-bottom: -4px; }
	
	.top-frm { flex-direction: column; align-items: flex-start; margin-bottom: 12px; }
	.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; word-break: break-all; }
	.list-frm .th .tit .txt-s { font-size: 12px; }
	.list-frm .th .required { margin-left: 3px; }
	.list-frm .td { width: 100%; padding: 0; color: #666; }
	.list-frm .td .txt-s { font-size: 14px; line-height: 20px; }
	.list-frm .td .td-message { font-size: 14px; line-height: 20px; }
	
	.list-frm2 .tr.s2 { width: 100%; }
	.list-frm2 .th { width: 88px; padding: 14px 12px; box-sizing: border-box; }
	.list-frm2 .th .tit { font-size: 14px; line-height: 20px; }
	.list-frm2 .td { width: calc(100% - 88px); padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 20px; }
	
	.inp-frm { padding: 0 12px; box-sizing: border-box; font-size: 14px; }
	
	.btn-frm { font-size: 14px; }
	
	.frm-info { font-size: 12px; line-height: 16px; }
	
	.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-date2 { display: block; }
	.inp-group-date2 > div { width: 100%; margin-bottom: 8px; }
	.inp-group-date2 > div:last-child { margin-bottom: 0; }
	.inp-group-date2 > div:before { width: calc(100% - 48px); }
	.inp-group-date2 .unit { display: none; }*/
	
	.inp-group-mail { display: block; }
	.inp-group-mail > div { width: 100%; }
	.inp-group-mail .select-custom2 { width: 100%; margin-top: 8px; }
	
	.inp-group-address .inp-frm { width: 100%; }
	.inp-group-address > div:first-child .inp-frm { width: 100%; }
	.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; }
	.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-btn .btn-frm { width: 100%; margin-left: 0; margin-top: 8px; }
	
	.option-group { padding: 8px 12px; box-sizing: border-box; }
	.option-group > div { font-size: 14px; }
	.option-group .btn-delete { width: 14px; height: 14px; }
	
	.upload-group .top { display: block; }
	.upload-group .top .frm-info { margin-top: 8px; margin-left: 0; }
	.upload-group .attach-group > li { padding: 12px; box-sizing: border-box; }
	.upload-group .attach-group .tit { width: 100%; flex-basis: 100%; margin-bottom: 8px; font-size: 14px; }
	.upload-group .attach-group .process-group .state { position: absolute; top: 12px; right: 12px; margin-right: 0; }
	.upload-group .attach-group .process-group { justify-content: flex-start; flex: 1; }
	.upload-group .attach-group .process-group .bar-group { width: 1px; flex: 1; }

	.list-frm.v2:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eaeaea; }
	.list-frm.v2 .tr.s3 { width: 100%; margin-bottom: 12px; flex-direction: row; }
	.list-frm.v2:first-child .tr.s3:first-child { margin-bottom: 8px; }
	.list-frm.v2 .tr.s3:last-child { width: 100%; }
	.list-frm.v2 .th { padding: 0; padding-right: 16px; }
	.list-frm.v2:first-child .th .tit { font-weight: 400; }
	.list-frm.v2 .td { width: 100%; max-width: 100%; }
	.list-frm.v2 .tr.s3:last-child { margin-bottom: 0; }
	.list-frm.v2 .tr.s3:last-child .td { width: 100%; padding-right: 0; }
	.list-frm.v2:first-child .tr,.list-frm.v2:first-child .tr .th { background: #fff; }
	
	/*서브 페이지 공통 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 { flex-wrap: wrap; }
	.tab-menu .tab { width: calc(100% / 3); height: 48px; font-size: 16px; }
	
	.tab-menu2 .tab { height: 48px; font-size: 16px; }

	/*article style*/
	.top-article { padding: 16px 0; box-sizing: border-box; }
	.top-article-v1 { display: block; }
	.top-article .tit { font-size: 18px; }
	.top-article .txt { margin-top: 16px; font-size: 12px; line-height: 16px; }
	.top-article .btn-more { display: none; }
	.article-content { padding-top: 16px; box-sizing: border-box; }
	.article-content .box { padding: 16px; box-sizing: border-box; }

	/*search style*/
	.board-tool { flex-direction: column-reverse; }
	
	.board-search { justify-content: space-between; width: calc(100% + 40px); padding: 28px 20px; box-sizing: border-box; }
	.board-search .filter-group { flex: 1; margin-bottom: 8px; margin-right: 0; }
	.board-search .filter-group + .filter-group { width: 50%; margin-left: 8px; }
	.board-search .filter-group .select-custom { width: 100%; height: 40px; font-size: 14px; }
	.board-search .filter-group .select-custom.ty_2 { width: 100%; }
	
	.board-search .search-group { display: block; width: 100%; height: auto; }
	.board-search .search-group .inp-search { width: 100%; margin-bottom: 8px; }
	.board-search .search-group .btn-search { width: 100%; }
	
	/*autocomplete style*/
	.box-search { width: 100%; }
	.box-search .search-autocomplete { top: 40px; }
	.box-search .search-autocomplete .list-keyword .keyword { padding: 10px 16px; box-sizing: border-box; }

	/*count style*/
	.board-count { width: 100%; padding-bottom: 14px; box-sizing: border-box; font-size: 16px; }
	.board-count-v1 .tit { font-size: 15px; }
	.board-count-v1 .btn { font-size: 14px; }
	.board-count-v1 .btn img { width: 24px; margin-left: 4px; }

	/*board style*/
	/*리스트 스타일*/
	.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; }
	
	/*테이블 스타일*/
	.list-board2 li { display: flex; flex-wrap: wrap; position: relative; padding: 14px 0 18px; box-sizing: border-box; }
	.list-board2 li:first-child { display: none; }
	.list-board2 .td { display: flex; justify-content: flex-start; align-items: center; width: auto; min-height: auto; margin: 2px 0; padding: 0; font-size: 14px; color: #959595; line-height: 20px; }
	.list-board2 .td br { display: none; }
	.list-board2 .m-td { position: relative; margin-right: 18px; }
	.list-board2 .m-td:after { content: ''; display: block; position: absolute; top: calc(50% - 5px); right: -10px; width: 1px; height: 10px; background: #dfdfdf; }
	.list-board2 .td:last-child .m-td:after { display: none; }
	.list-board2 .m-tit { display: inline-block; position: relative; }
	.list-board2 .m-tit:after { content: ':'; margin: 0 4px; }
	
	.list-board2 .t-no { display: none; }
	.list-board2 .t-reserve-no { margin-top: 6px; }
	.list-board2 .t-tit { flex: auto; width: 100%; margin: 6px 0; font-size: 18px; line-height: 28px; }
	
	.list-board2-v1 { border: none; }
	.list-board2-v1 .th:not(:last-child),
	.list-board2-v1 .td:not(:last-child) { border-right: none; }
	.list-board2-v1 .t-tit { font-size: 16px; }
	
	/*category style*/
	.board-category { margin-bottom: 8px; }
	.board-category .category { min-width: 64px; height: 24px; padding: 0 10px; border-radius: 12px; box-sizing: border-box; font-size: 12px; }
	.board-category-v1 .category { min-width: auto; }
	
	.no-data { margin: 40px 0; }

	/*paging style*/
	.paging-wrap .btn-r { position: static; }
	.paging a { margin: 0 8px; }
	.paging .num { margin: 0; }
	.paging .num a:not(:nth-child(-n + 3)) { display: none; }
	.paging .btn-paging-prev { margin: 0; margin-right: auto; margin-right: 24px; }
	.paging .btn-paging-next { margin: 0; margin-left: auto; margin-left: 24px; }
	.paging .btn-paging-prev2,
	.paging .btn-paging-next2 { display: none; }

	/*board style*/
	.top-board { padding: 28px 0 24px; box-sizing: border-box; }
	.top-board .board-tit { margin-bottom: 4px; font-size: 18px; line-height: 28px; }
	.top-board .board-tit .ico-lock { width: 20px; }
	
	.file-group { width: 100%; padding: 16px; box-sizing: border-box; }
	.file-group .tit { margin-bottom: 8px; font-size: 14px; line-height: 20px; }
	.file-group .tit img { width: 16px; margin-left: 2px; }
	
	.board-content { padding: 40px 0; box-sizing: border-box; }
	
	.btn-group-bottom { margin-top: 40px; }
	
	.board-navigation { padding-top: 24px; box-sizing: border-box; }
	.board-navigation dt { margin-bottom: 0; }
	.board-navigation dd { display: none; }
	
	.board-recruit-info { padding: 0; }
	.board-recruit-info-item .tit { padding-left: 10px; box-sizing: border-box; font-size: 14px; line-height: 20px; }
	.board-recruit-info-item .tit:before { top: calc(50% - 1px); width: 2px; height: 2px; }
	.board-recruit-info-item .desc { padding: 0 10px; box-sizing: border-box; font-size: 14px; line-height: 20px; }
	
	.board-warn { margin-top: 30px; }
	.board-warn .txt { font-size: 14px; }
	
	.list-comment li { justify-content: flex-start; padding: 0 0 16px; }
	.list-comment .comment-data { margin-top: 12px; }
	
	.personal-certification-box { padding: 20px; max-width: none; }
	.personal-certification-box .txt { font-size: 14px; }
	.personal-certification-box .tit { font-size: 14px; }
	.personal-certification-box .inp-box { display: block; text-align: center; }
	.personal-certification-box .inp-box .inp-btn { display: inline-block; vertical-align: top; font-size: 14px; width: auto; padding: 0 10px; margin-left: 0; margin-top: 10px; }
	.personal-certification-box .btn-group { margin-top: 10px; }
	
	.answer-group { padding: 16px; margin-bottom: 30px; }
	.answer-group-info .txt-group { font-size: 12px; }

	/*table style*/
	.table-group .table-info { margin-bottom: 12px; }
	.table-group .table-info .txt { font-size: 12px; line-height: 16px; }
	
	.scroll-table { position: relative; width: calc(100% + 20px); }
	.scroll-table:after { content: ''; position: absolute; top: 32px; right: 8px; width: 32px; height: 32px; background: url(/img/ico_swipe1.svg) center center no-repeat; }
	.scroll-table.scrolling::after { opacity: 0; }
	.scroll-table .inner { padding-right: 20px; box-sizing: border-box; overflow-x: auto; }
	
	.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; }
	
	/*result message style*/
	.result-message .ico { width: 128px; margin: 0 auto 32px; }
	.result-message .tit-group .tit { font-size: 28px; line-height: 40px; }
	.result-message .tit-group .txt { margin-top: 12px; font-size: 14px; line-height: 20px; }
	.result-message .tit-group .txt br { display: none; }
}


@media only screen and (max-width: 320px) {
	.paging a { margin: 0 4px; }
	.paging .btn-paging-prev { margin-right: 8px; }
	.paging .btn-paging-next { margin-left: 8px; }
}