@charset "UTF-8";
/* *********************************** *
* common
* *********************************** */
html, body { color: #000; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', arial, sans-serif; line-height: 1.5; word-wrap: break-word; word-break: break-all; }
body { background: linear-gradient( to right, #B9DFD9 0%, #B9DFD9 20%, #AF9D60 63%, #AF9D60 100% ); min-width: 360px; }
#container { background-color: #FFF; margin-top: 68px; margin-left: 348px; margin-right: 1.4rem; }
#container.main_container { background-color: transparent; }
#container .contents_area { padding-top: 4rem; padding-bottom: 8rem; }
.inner { width: 100%; max-width: calc(1440px + 6.6rem * 2); padding-right: 6.6rem; padding-left: 6.6rem; margin-right: auto; margin-left: auto; }
.ellipsis { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; word-break: break-all; }
.ellipsis.line2 { -webkit-line-clamp: 2; }
.ellipsis.line3 { -webkit-line-clamp: 3; }
::selection { background: #E6F7F0; color: #00975b; }
::-moz-selection { background: #E6F7F0; color: #00975b; }

/* *********************************** *
* page head
* *********************************** */
.cm_page_head { margin-bottom: 4.8rem; }
.cm_page_head .head_box { display: flex; align-items: flex-start; gap: clamp(100px, 18.7500000000vw, 360px); position: relative; border-bottom: 3px solid #AF9D60; padding-bottom: 4.8rem; }
.cm_page_head .head_title { width: 40%; font-weight: 700; font-size: clamp(28px, 2.9166666667vw, 56px); color: #AF9D60; line-height: 1.4; }
.cm_page_head .location_title { position: absolute; top: 1.2rem; left: 50%; transform: translateX(-50%); border-bottom: 3px solid #000; font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.2; padding-bottom: 0.9rem; }

@media (max-width: 768px) {
	.cm_page_head .head_box { flex-direction: column-reverse; gap: 1.1rem; }
	.cm_page_head .head_title { width: 100%; }
	.cm_page_head .location_title { position: unset; transform: unset; bottom: 2px solid #000; }
}

/* *********************************** *
* search
* *********************************** */
.cm_search { width: fit-content; margin-bottom: 6.4rem; }
.cm_search.type2 { margin-bottom: 4.8rem; }
.cm_search .form_wrap { display: flex; align-items: center; flex-wrap: wrap; row-gap: 5px; }
.cm_search .search_wrap { display: flex; align-items: center; border-left: none; }
.cm_search .btn_search { border-left: none; }
.cm_search .btn_reset { border-left: none; }

.cm_search .input_text { border-left: none; }
.cm_search .search_select + .input_text { border-left: none; }
.cm_search .search_wrap:has(.input_text){ border-left: 1px solid #000; }

/* *********************************** *
* form
* *********************************** */
.cm_search_box { width: 100%; position: relative; }
.cm_search_btn { width: 3.2rem; height: 3.2rem; position: absolute; top: 50%; right: 2.4rem; transform: translate(0%, -50%); background: url('../../images/common/icon_search2.svg') no-repeat center / contain; z-index: 1; }

.form_control { max-width: 100%; min-width: 0; height: 5.6rem; border: 1px solid #000; font-size: 1.9rem; padding: 0 1.6rem; }
.form_control.search_select { min-width: 14.4rem; background: #fff url('../../images/common/arrow_down.svg') no-repeat right 1.2rem center; background-size: 2rem; margin-right: -1px; z-index: 1; padding: 0 4rem 0 1.6rem; }
.form_control.search_input { background-color: #fff; padding: 2rem 6.5rem 2rem 2.4rem; }
.form_control.datepicker { width: 18rem; background: #fff url('../../images/common/icon_calendar.svg') no-repeat right 1.2rem center; background-size: 2.4rem; font-size: 1.9rem; color: #6A6A6A; padding: 0 4rem 0 1.6rem; cursor: pointer; }
.form_control.type2 { height: 4.8rem; }
.form_control.type3 { width: 100%; }
.form_control.type4 { width: 36rem; font-size: 1.7rem; color: #6A6A6A; margin: 0; }
.form_control.type5 { width: 32rem; font-size: 1.9rem; color: #6A6A6A; margin: 0; }
.form_control.type5.sm { width: 20rem; }
.form_control.type5.sm2 { width: 24rem; }
.form_control.type5.sm3 { width: 48rem; }
.form_control.type5.sm4 { width: 85.5rem; }
.form_control.type5.sm5 { width: 16rem; }
.form_control.type5.sm6 { width: fit-content; min-width: 32rem; }
.form_control.type5.sm7 { width: fit-content; min-width: 24rem; }
.form_control.type5.sm8 { width: fit-content; min-width: 16rem; }
.form_control.type6 { width: fit-content; min-width: 16rem; font-size: 1.7rem; color: #000; margin: 0; }
.form_control.type7 { min-width: 18rem; }
.form_control.type8 { min-height: 7.2rem; }
.form_control.read { background-color: #EFEFF1; cursor: no-drop; }
.form_control.input_text { width: 40rem; }
.form_control.year_select { width: 16rem; }
.form_control.month_select { width: 12rem; }

.form_textarea { width: 100%; min-height: 14rem; font-size: 1.9rem; background-color: #fff; border: 1px solid #000; padding: 1.6rem; }

/* *********************************** *
* button
* *********************************** */
.cm_list_btn { margin-top: 4.8rem; }
.cm_list_btn.type2 { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.cm_list_btn.type3 { margin: 0; }
.cm_list_btn2 { display: flex; justify-content: flex-end; }
.cm_list_btn3 { display: flex; margin-left: auto; }
.cm_list_btn4 { display: flex; justify-content: flex-end; margin-top: 6.4rem; }
.cm_list_btn4.type2 { margin-top: 2.4rem; }
.cm_list_btn_wrap { display: flex; align-items: center; gap: 1.6rem; }
.cm_list_btn_wrap.type2 { gap: 1.2rem; }

/* 아이콘 */
.cm_btn_icon { display: flex; align-items: center; gap: 0.8rem; }
.cm_btn_icon::before { content: ''; width: 2.4rem; height: 2.4rem; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; transition: all 0.2s; }
.cm_btn_icon.right::before { display: none; }
.cm_btn_icon.right::after { content: ''; width: 2.4rem; height: 2.4rem; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; transition: all 0.2s; }
.cm_btn_icon.edit1::before { background-image: url('../../images/common/icon_edit.svg'); }
.cm_btn_icon.edit1:hover::before { background-image: url('../../images/common/icon_edit2.svg'); }
.cm_btn_icon.edit2::before { background-image: url('../../images/common/icon_edit2.svg'); }
.cm_btn_icon.download2::before { background-image: url('../../images/common/icon_download2.svg'); }
.cm_btn_icon.download2:hover::before { background-image: url('../../images/common/icon_download3.svg'); }
.cm_btn_icon.check4::before { background-image: url('../../images/common/icon_check4.svg'); }
.cm_btn_icon.check4:hover::before { background-image: url('../../images/common/icon_check5.svg'); }
.cm_btn_icon.calendar::before { background-image: url('../../images/common/icon_calendar.svg'); }
.cm_btn_icon.calendar:hover::before { background-image: url('../../images/common/icon_calendar2.svg'); }
.cm_btn_icon.download3::after { background-image: url('../../images/common/icon_download3.svg'); }

/* cm_btn1 : hover 없음(검색) */
.cm_btn1 { max-width: 100%; width: fit-content; min-height: 5.6rem; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; background-color: #fff; border: 1px solid #000; font-weight: 600; font-size: 1.9rem; text-align: center; line-height: 120%; padding: 0 2.4rem; transition: background-color 0.2s, color 0.2s; }
.cm_btn1.btn_search { min-width: 8.8rem; background-color: #000; color: #fff; }
.cm_btn1.btn_reset { min-width: 5.6rem; padding: 0 1.6rem; }
.cm_btn1.btn_reset::before { content: ''; width: 2.4rem; height: 2.4rem; display: block; background: url('../../images/common/icon_reset.svg') no-repeat center / contain; }

.cm_btn2 { max-width: 100%; width: fit-content; min-height: 5.6rem; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; background-color: #fff; border: 1px solid #000; font-weight: 600; font-size: 1.9rem; text-align: center; line-height: 1.2; cursor: pointer; padding: 0 2.4rem; transition: all 0.2s; }
.cm_btn2.type2 { border-color: #CACACA; }
.cm_btn2:hover { border-color: #00975b; color: #00975b; }

.cm_btn3 { max-width: 100%; width: fit-content; min-height: 5.6rem; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; background-color: #00975b; font-weight: 600; font-size: 1.9rem; color: #fff; text-align: center; line-height: 1.2; padding: 1rem 2.4rem; transition: background-color 0.2s; }
.cm_btn3.type2 { border-radius: 99px; }
.cm_btn3.type3 { margin-left: auto; }
.cm_btn3.height2 { min-height: 4.8rem; }
.cm_btn3:hover { background-color: #00975b; }

/* cm_btn4 : 로그인 */
.cm_btn4 { max-width: 100%; width: fit-content; min-height: 4.8rem; display: flex; justify-content: center; align-items: center; flex-shrink: 0; background-color: #000; font-weight: 600; font-size: 1.9rem; text-align: center; color: #fff; line-height: 1.2; text-align: center; padding: 1rem 1.6rem; }
.cm_btn4.type2 { width: 100%; }
.cm_btn4:hover { text-decoration: underline; }

/* cm_btn5 : hover 없음(회원가입) */
.cm_btn5 { max-width: 100%; width: fit-content; min-height: 5.6rem; display: flex; justify-content: center; align-items: center; flex-shrink: 0; background-color: #000; font-weight: 600; font-size: 1.9rem; text-align: center; color: #fff; line-height: 1.2; text-align: center; padding: 1rem 2.4rem; }

.cm_btn6 { max-width: 100%; width: fit-content; min-height: 5.6rem; display: flex; align-items: center; justify-content: center; gap: 0.8rem; flex-shrink: 0; background-color: #fff; border: 1px solid #00975b; font-weight: 600; font-size: 1.9rem; color: #00975b; line-height: 1.2; text-align: center; padding: 1rem 2.4rem; transition: all 0.2s; }
.cm_btn6:hover { background-color: #00975b; color: #fff; }

.cm_btn7 { max-width: 100%; width: fit-content; height: fit-content; min-height: 3.2rem; display: flex; justify-content: center; align-items: center; flex-shrink: 0; gap: 6px; background-color: #000; font-size: 1.7rem; color: #fff; line-height: 1.2; padding: 0.6rem 1.2rem; }
.cm_btn7::after { content: ''; width: 1.8rem; height: 1.8rem; display: block; background: url('../../images/common/icon_download3.svg') no-repeat center / contain; }
.cm_btn7:hover { text-decoration: underline; }

.cm_btn8 { max-width: 100%; width: fit-content; min-height: 4.2rem; display: flex; align-items: flex-end; gap: 0.8rem; background-color: #000; font-weight: 600; font-size: 1.9rem; color: #fff; line-height: 1.2; padding: 1rem 1.6rem; }
.cm_btn8::after { content: ''; width: 2.4rem; height: 2.4rem; display: block; flex-shrink: 0; background: url('../../images/common/icon_link3.svg') no-repeat center / contain; }
.cm_btn8:hover { text-decoration: underline; }

/* *********************************** *
* toolbar
* *********************************** */
.cm_toolbar { margin-bottom: 1.6rem; }
.cm_toolbar.type2 { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.cm_toolbar .toolbar_item { display: flex; align-items: center; gap: 4px; font-size: 1.9rem; }
.cm_toolbar .toolbar_item .point { font-weight: 700; color: #00975b; }

/* *********************************** *
* table
* *********************************** */
.cm_table_scroll { width: 100%; overflow-x: auto; }

.cm_table { border-top: 1px solid #000; }
.cm_table tr { border-bottom: 1px solid #CACACA; }
.cm_table th { height: 5.9rem; background-color: #fff; font-weight: 600; font-size: 1.9rem; text-align: center; padding: 1.2rem; }
.cm_table th.fix { white-space: nowrap; }
.cm_table td { height: 7.7rem; background-color: #fff; font-size: 1.9rem; text-align: center; padding: clamp(16px, 1.2500000000vw, 24px) clamp(10px, 0.8333333333vw, 16px); }
.cm_table.type2 td { height: 12rem; }
.cm_table.type3 td { height: 8rem; }
.cm_table.type4 td { height: 8.8rem; }
.cm_table td.fix { white-space: nowrap; }
.cm_table td > span.cm_icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; }
.cm_table td.subject { text-align: left; }
.cm_table td.subject.type2 { text-align: center; }
.cm_table td.subject a.s_title { width: fit-content; display: flex; align-items: center; gap: 0.8rem; transition: color 0.15s; }
.cm_table td.subject a.s_title:hover { color: #00975b; text-decoration: underline; }
.cm_table td .state { max-width: 100%; width: fit-content; min-height: 3.2rem; display: inline-flex; justify-content: center; align-items: center; font-weight: 600; font-size: 1.7rem; text-align: center; line-height: 1.3; text-align: center; padding: 1.2rem; }
.cm_table td .state.wait { background-color: #EFEFF1; }
.cm_table td .state.completion { background-color: #000; color: #fff; }
.cm_table td .state.completion2 { background-color: #00975b; color: #fff; }
.cm_table td .state2 { max-width: 100%; width: fit-content; min-height: 3.2rem; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #000; border-radius: 99px; font-weight: 600; font-size: 1.7rem; line-height: 1.3; text-align: center; padding: 0.5rem 1.6rem; }
.cm_table td .state2.approval { background-color: #A2E9C9; }
.cm_table td .state2.disapproval { background-color: #fff; }
.cm_table td .state2.cancel { background-color: #CACACA; }
.cm_table td .pay { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.8rem; }
.cm_table td .pay .pay_state { display: flex; align-items: center; gap: 0.8rem; font-size: 1.7rem; color: #434343; }
.cm_table td .pay .pay_state::before { content: ''; width: 2rem; height: 2rem; flex-shrink: 0; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; }
.cm_table td .pay .pay_state.completion::before { background-image: url('../../images/common/icon_double_check.svg'); }
.cm_table td .pay .pay_state.waiting::before { background-image: url('../../images/common/icon_loading.svg'); }
.cm_table td .pay .pay_state.refund::before { background-image: url('../../images/common/icon_check3.svg'); }
.cm_table td .buttons { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0.8rem; }
.cm_table td .buttons .btn { width: fit-content; min-height: 4rem; display: inline-flex; justify-content: center; align-items: center; font-weight: 600; font-size: 1.9rem; line-height: 1.2; text-align: center; padding: 0.8rem 1.6rem; transition: background-color 0.2s; }
.cm_table td .buttons .btn.cancel { background-color: #fff; border: 1px solid #000; }
.cm_table td .buttons .btn.confirmation { background-color: #000; color: #fff; }
.cm_table td .buttons .btn.certificate { background-color: #00975b; color: #fff; }
.cm_table td .buttons a.btn.certificate:hover { background-color: #00975b; }
.cm_table td .buttons .btn.end { background-color: #E5E5E5; color: #6A6A6A; }
.cm_table td .buttons .btn.deletion { background-color: #000; color: #fff; }
.cm_table td .campus { max-width: 100%; width: fit-content; min-width: 12.1rem; min-height: 3.2rem; display: inline-flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #000; font-weight: 600; font-size: 1.7rem; line-height: 1.3; text-align: center; padding: 0.8rem 1.6rem; }
.cm_table td .time { color: #434343; }
.cm_table td.word { word-break: keep-all; }
.cm_table td .thumbnail { width: 8rem; }

.cm_table2 { min-width: 600px; border-top: 1px solid #000; border-bottom: 1px solid #C4C4C4; }
.cm_table2.type2 { table-layout: fixed; }
.cm_table2.type6 { min-width: 100%; }
.cm_table2 thead th, .cm_table2 tbody td { font-size: 1.9rem; text-align: center; word-break: keep-all; }
.cm_table2 thead th { height: 5.9rem; background-color: #F3F5F7; border-bottom: 1px solid #CACACA; font-weight: 600; padding: 1.2rem; }
.cm_table2 thead.type2 th { height: 6.4rem; }
.cm_table2 thead.type3 th { background-color: #fff; }
.cm_table2.type5 thead th { border-right: 1px solid #CACACA; }
.cm_table2.type5 thead th:last-child { border-right: 0; }
.cm_table2 thead th.fix { white-space: nowrap; }
.cm_table2 thead th.border1 { border-right: 1px solid #CACACA !important; }
.cm_table2 thead th.height1 { height: 8.8rem; }
.cm_table2 tbody td { height: 7.7rem; background-color: #fff; border-bottom: 1px solid #CACACA; padding: 1.6rem 2.4rem; }
.cm_table2.type5 tbody td { border-right: 1px solid #CACACA; }
.cm_table2.type5 tbody td:last-child { border-right: 0; }
.cm_table2.type5 tbody td.border1 { border-right: 1px solid #CACACA; }
.cm_table2.type3 tbody td { height: 8rem; }
.cm_table2.type4 tbody td { height: 6.4rem; }
.cm_table2.type7 tbody td { height: 10.4rem; }
.cm_table2.type8 tbody td { height: 7.7rem; }
.cm_table2.type9 tbody td { height: 12rem; }
.cm_table2.padding1 tbody td { padding: 2.4rem; }
.cm_table2 tbody td.fix { white-space: nowrap; }
.cm_table2.type6 tbody td.fix { white-space: wrap; }
.cm_table2 tbody td.ipfix { white-space: nowrap; }
.cm_table2 tbody td label { display: flex; justify-content: center; align-items: center; }
.cm_table2 tbody td.color1 { background-color: #F3F5F7; }
.cm_table2 tbody td.border1 { border-right: 1px solid #CACACA; }
.cm_table2 tbody td.border2 { border-bottom: 1px solid #000; }
.cm_table2 tbody td.bold1 { font-weight: 600; }
.cm_table2 tbody td.left { text-align: left; }
.cm_table2 tbody tr.height1 td { height: 15rem; }
.cm_table2 tbody tr.height2 td { height: 11rem; }
.cm_table2 tbody tr.height3 td { height: 16rem; }
.cm_table2 tbody tr.height4 td { height: 12rem; }
.cm_table2 tbody tr.height5 td { height: 19.3rem; }
.cm_table2 tbody tr.height6 td { height: 10.6rem; }
.cm_table2 tbody tr.height7 td { height: 24rem; }
.cm_table2 tbody tr.height8 td { height: 13rem; }
.cm_table2 tbody tr.height9 td { height: 20rem; }
.cm_table2 tbody td .bold1 { font-weight: 700; }
.cm_table2 tbody td .notice { display: flex; align-items: flex-start; gap: 0.8rem; font-size: 1.7rem; color: #434343; margin-top: 0.8rem; }
.cm_table2 tbody td .notice::before { content: ''; width: 2rem; height: 2rem; flex-shrink: 0; background: url('../../images/common/icon_info.svg') no-repeat center / contain; margin-top: 0.2rem; }
.cm_table2 tbody td .list { display: flex; flex-direction: column; gap: 1.2rem; }
.cm_table2 tbody td .list .l_txt { position: relative; font-size: 1.9rem; text-align: left; word-break: keep-all; padding-left: 1.6rem; }
.cm_table2 tbody td .list .l_txt::before { content: ''; width: 0.4rem; height: 0.4rem; flex-shrink: 0; display: block; position: absolute; top: 1.2rem; left: 0; background-color: #000; border-radius: 50%; }
.cm_table2 tbody td .list_sub { display: flex; flex-direction: column; align-items: flex-start; gap: 0.8rem; margin-top: -0.8rem; }
.cm_table2 tbody td .ls_txt { display: flex; align-items: flex-start; gap: 0.4rem; font-size: 1.7rem; color: #434343; text-align: left; word-break: keep-all; }
.cm_table2 tbody td .ls_txt .line { width: 2.4rem; height: 2.6rem; flex-shrink: 0; display: flex; justify-content: center; align-items: center; position: relative; padding: 0.8rem; }
.cm_table2 tbody td .ls_txt .line::before { content: ''; width: 0.8rem; height: 1px; flex-shrink: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #434343; }
.cm_table2 tbody td .link { transition: color 0.2s; }
.cm_table2 tbody td .link:hover { color: #00975b; text-decoration: underline; }
.cm_table2 tbody td .btn1 { width: fit-content; min-height: 4rem; display: block; background-color: #EFEFF1; font-weight: 600; font-size: 1.9rem; line-height: 1.2; text-align: center; word-break: keep-all; padding: 0.85rem 1.6rem; transition: background-color 0.2s, color 0.2s; margin: 0 auto; }
.cm_table2 tbody td .btn1:hover { background-color: #8A8A8A; color: #fff; }

/* *********************************** *
* nodata
* *********************************** */
.cm_nodata1.cm_nodata1 { padding-top: 6rem; padding-bottom: 6rem; width: 100%; text-align: center; justify-content: center; }
.cm_nodata1.cm_nodata1:before { display: none; }
.cm_nodata2 { background: #F7F7F7; text-align: center; padding: 8rem 4rem; display: flex; flex-direction: column; gap: 4rem; }
.cm_nodata2 .icon img { width: 12rem; }
.cm_nodata2 .title { font-size: 2.8rem; font-weight: 700; }
.cm_nodata2 .desc { margin-top: 1.2rem; font-size: 1.9rem; }

/* *********************************** *
* icon
* *********************************** */
.cm_icon { display: inline-flex; align-items: center; gap: 0.8rem; position: relative; vertical-align: middle; }
.cm_icon::before { content: ''; width: 2.4rem; height: 2.4rem; display: block; flex-shrink: 0; background-position: center; background-size: contain; background-repeat: no-repeat; }
.cm_icon.icon_notice::before { background-image: url('../../images/common/icon_notice.svg'); }
.cm_icon.icon_new::before { background-image: url('../../images/common/icon_new.svg'); }
.cm_icon.icon_file::before { background-image: url('../../images/common/icon_file.svg'); }
.cm_icon.icon_file2::before { display: none; }
.cm_icon.icon_lock::before { background-image: url('../../images/common/icon_lock.svg'); }
.cm_icon.icon_lock::before { background-image: url('../../images/common/icon_lock.svg'); }
.cm_icon.icon_reply::before { background-image: url('../../images/common/icon_reply.svg'); }
.cm_icon.icon_arrow_down_right::before { background-image: url('../../images/common/arrow_down_right.svg'); }
.cm_icon.icon_call::before { background-image: url('../../images/common/icon_call.svg'); }
.cm_icon.icon_mail::before { background-image: url('../../images/common/icon_mail.svg'); }
.cm_icon.cm_info::before { background-image: url('../../images/common/icon_info2.svg'); }

/* *********************************** *
* paging
* *********************************** */
.cm_paging { display: flex; align-items: center; justify-content: center; margin-top: 4rem; }
.cm_paging .paging_wrap { display: flex; align-items: center; gap: 4px; }
.cm_paging .page_control { width: 4.8rem; height: 4.8rem; display: block; flex: 0 0 auto; background-position: center; background-size: 2rem; background-repeat: no-repeat; border-radius: 50%; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.cm_paging .page_control.prev { background-image: url('../../images/common/arrow_back.svg'); }
.cm_paging .page_control.next { background-image: url('../../images/common/arrow_forward.svg'); }
.cm_paging .page_control.ellipsis { background-image: url('../../images/common/icon_ellipsis.svg'); }
.cm_paging .paging_page { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; /*overflow-x: auto;*/ }
.cm_paging .paging_page .page_link { width: 4.8rem; height: 4.8rem; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; font-size: 1.7rem; white-space: nowrap; padding: 0.5rem; transition: all 0.15s; }
.cm_paging .paging_page .page_link.active { background-color: #000; color: #fff; }
.cm_paging .paging_page .page_link:hover { background-color: #000; color: #fff; }

.cm_paging2 { display: flex; align-items: center; justify-content: center; border-top: 1px solid #CACACA; border-bottom: 1px solid #CACACA; overflow: hidden; }
.cm_paging2 .page_control { width:50%; min-height: 0; display: flex; align-items: center; gap: 2.4rem; flex: 0 0 50%; padding: 3.3rem 1.6rem; transition: opacity 0.2s, color 0.2s, background-color 0.2s, border-color 0.2s; }
.cm_paging2 .page_control.next { flex-direction: row-reverse; border-left: 1px solid #CACACA; }
.cm_paging2 .page_control.none { opacity: 0.6; pointer-events: none; }
.cm_paging2 .page_control::before { content: ''; width: 5.6rem; height: 5.6rem; flex-shrink: 0; background-color: #F7F7F7; background-size: 2.4rem; background-position: center; background-repeat: no-repeat; border-radius: 99px; transition: background-color 0.2s, border-color 0.2s, background-image 0.2s; }
.cm_paging2 .page_control.prev:before { background-image: url('../../images/common/arrow_back.svg'); }
.cm_paging2 .page_control.next:before { background-image: url('../../images/common/arrow_forward.svg'); }
.cm_paging2 .page_content { width: 100%; min-width: 0; display: flex; flex-direction: column; gap: 0.4rem; }
.cm_paging2 .page_control.next .page_content { align-items: flex-end; }
.cm_paging2 .page_txt { font-size: 1.9rem; }
.cm_paging2 .page_title { max-width: 100%; display: block; font-size: 1.7rem; color: #434343; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cm_paging2 .page_control:hover::before { background-color: #00975b; }
.cm_paging2 .page_control.prev:hover:before { background-image: url('../../images/common/arrow_back2.svg'); }
.cm_paging2 .page_control.next:hover:before { background-image: url('../../images/common/arrow_forward2.svg'); }
.cm_paging2 .page_control:hover .page_title { text-decoration: underline; }

/* *********************************** *
* board
* *********************************** */
.cm_board .bd_head { background-color: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.cm_board .bd_head .bdh_inner { display: flex; flex-direction: column; gap: 1.6rem; padding: 4rem; }
.cm_board .bd_head .bdh_title { display: flex; align-items: center; gap: 0.8rem; font-weight: 700; font-size: 3.2rem; line-height: 1.4; }
.cm_board .bd_head .state { max-width: 100%; width: fit-content; min-height: 3.2rem; display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 1.7rem; text-align: center; line-height: 1.3; padding: 1.2rem; }
.cm_board .bd_head .state.wait { background-color: #EFEFF1; }
.cm_board .bd_head .state.completion { background-color: #000; color: #fff; }
.cm_board .bd_head .bdh_meta { display: flex; align-items: center; gap: 3.3rem; }
.cm_board .bd_head .bdh_meta .bdh_item { display: flex; align-items: center; gap: 1.2rem; position: relative; }
.cm_board .bd_head .bdh_meta .bdh_item::before { content: ''; width: 1px; height: 1.6rem; position: absolute; top: 50%; left: -1.6rem; transform: translateY(-50%); background-color: #8A8A8A; }
.cm_board .bd_head .bdh_meta .bdh_item:first-child::before { display: none; }
.cm_board .bd_head .bdh_item .bdh_label { font-weight: 700; font-size: 1.7rem; color: #434343; }
.cm_board .bd_head .bdh_item .bdh_value { font-size: 1.7rem; color: #434343; }
.cm_board .bd_content { padding: 4rem; }
.cm_board .editor_content { min-height: 32rem; margin-bottom: 4rem; }
.cm_board .editor_content.type2 { min-height: 40rem; margin-bottom: 0; }
.cm_board .editor_content.type3 { min-height: 18.6rem; margin-bottom: 0; }
.cm_board .reply_box { display: flex; align-items: center; gap: 1.6rem; background-color: #F7F7F7; padding: 4rem; }
.cm_board .reply_box.type2 { gap: 1.2rem; padding: 2.4rem 4rem; }
.cm_board .reply_box .icon { width: 4.8rem; height: 4.8rem; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #CACACA; border-radius: 50%; }
.cm_board .reply_box .icon.none { width: auto; height: auto; display: unset; background-color: unset; border: 0; }
.cm_board .reply_box .texts { display: flex; flex-direction: column; }
.cm_board .reply_box .texts .text { font-size: 1.9rem; }
.cm_board .reply_box .texts .text.type2 { font-weight: 700; }
.cm_board .reply_box .texts .text .point { font-weight: 700; }
.cm_board .bd_wait .wait_info { display: flex; align-items: center; gap: 4.8rem; border: 1px solid #CACACA; padding: 2.4rem 4rem; }
.cm_board .bd_wait .wait_info .info_wrap { display: flex; align-items: center; gap: 1.2rem; font-size: 1.9rem; }
.cm_board .bd_wait .wait_info .info_wrap::before { content: ''; width: 2.4rem; height: 2.4rem; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; }
.cm_board .bd_wait .wait_info .info_wrap.call::before { background-image: url('../../images/common/icon_call.svg'); }
.cm_board .bd_wait .wait_info .info_wrap.time::before { background-image: url('../../images/common/icon_time.svg'); }

/* *********************************** *
* file
* *********************************** */
.form_file_box { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1.5rem; }

.cm_file { width: 100%; height: 24rem; background-color: #fff; border: 1px dashed #000; border-radius: 4px; transition: background-color 0.2s, border-color 0.2s; }
.cm_file:hover { background-color: #f3f3f3;  border-color: #00975b; }
.cm_file .file_box { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem; cursor: pointer; }
.cm_file .upload_inner { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.6rem; }
.cm_file .f_content { display: flex; align-items: center; gap: 1.2rem; }
.cm_file .f_icon { width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #CACACA; border-radius: 50%; }
.cm_file .f_icon::before { content: ''; width: 2rem; height: 2rem; display: block; background: url('../../images/common/icon_plus.svg') no-repeat center / contain; }
.cm_file .f_title { font-weight: 700; font-size: 1.9rem; }
.cm_file .f_desc { font-size: 1.9rem; text-align: center; word-break: keep-all; }

.cm_file_list { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 1.2rem 0; }
.cm_file_list > li { font-size: 1.7rem; }
.cm_file_list .file_box { max-width: 100%; min-height: 4.8rem; display: flex; align-items: center; background-color: #F7F7F7; border: 1px solid #000; border-radius: 8px; padding: 1rem 1.6rem; transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1); }
.cm_file_list .file_box:hover { border-color: #00975b; background-color: #fdfdfd; }
.cm_file_list .file_box .icon_file::after { content: ''; width: 2rem; height: 2rem; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; margin-left: 3.2rem; }
.cm_file_list .file_box .icon_file.ml2::after { margin-left: 0.5rem; }
.cm_file_list .file_box .download::after { background-image: url('../../images/common/icon_download.svg'); }
.cm_file_list .file_box .close::after { background-image: url('../../images/common/icon_close.svg'); }

/* *********************************** *
* overview
* *********************************** */
.cm_overview1 .ovw_list { display: flex; align-items:stretch; flex-wrap: wrap; gap: 2.4rem; }
.cm_overview1 .ovw_list li { width:calc((100% - 2.4rem * 2) / 3); min-height: 47.3rem; display: flex; }
.cm_overview1 .ovw_box { width: 100%; height: 100%; flex: 1; border: 1px solid #CACACA; padding: 3.2rem; transition: background-color 0.2s, border-color 0.2s; }
.cm_overview1 .ovw_box:hover { background-color: rgba(0, 134, 73, 0.05); border-color: #00975b; }
.cm_overview1 .ovw_content { height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 3.2rem; }
.cm_overview1 .ovw_wrap { width: 100%; display: flex; flex-direction: column; gap: 2rem; }
.cm_overview1 .ovw_image { max-width: 100%; width: 100%; aspect-ratio: 400 / 320; overflow: hidden; }
.cm_overview1 .ovw_image img { width: 100%; height: 100%; object-fit: cover; }
.cm_overview1 .ovw_image img.error { object-fit: cover; }
.cm_overview1 .ovw_title { display: flex; align-items: flex-end; gap: 0.8rem; font-weight: 700; font-size: 2.4rem; }
.cm_overview1 .ovw_title { display: flex; align-items: flex-end; gap: 0.8rem; font-weight: 700; font-size: 2.4rem; }
.cm_overview1 .ovw_title span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.cm_overview1 .ovw_title.new::after { content: ''; width: 3.6rem; height: 3.6rem; display: block; flex-shrink: 0; background: url('../../images/common/icon_new.svg') no-repeat center / contain; }
.cm_overview1 .ovw_info { display: flex; align-items: center; gap: 3.3rem; }
.cm_overview1 .ovw_info .info_wrap { display: flex; align-items: center; gap: 1.2rem; position: relative; }
.cm_overview1 .ovw_info .info_wrap::before { content: ''; width: 1px; height: 1.6rem; position: absolute; top: 50%; right: -1.6rem; transform: translateY(-50%); background-color: #8A8A8A; }
.cm_overview1 .ovw_info .info_wrap:last-child::before { display: none; }
.cm_overview1 .info_txt { font-size: 1.9rem; color: #434343; }
.cm_overview1 .info_txt.title { font-weight: 700; }

.cm_overview2 .ovw_list { display: flex; flex-direction: column; }
.cm_overview2 .ovw_list li { position: relative; border-top: 1px solid #000; transition: background-color 0.2s, border-color 0.2s; }
.cm_overview2 .ovw_list li:last-child { border-bottom: 1px solid #000; border-bottom: 1px solid #000; }
.cm_overview2 .ovw_list li:hover { background-color: rgba(0, 134, 73, 0.05); border-color: #00975b; }
.cm_overview2 .ovw_list li:hover + li { border-top-color: #00975b; }
.cm_overview2 .ovw_list li:hover .title_txt { text-decoration: underline; }
.cm_overview2 .ovw_list li.nodata { font-size: 1.9rem; border-color: #000; }
.cm_overview2 .ovw_list li.nodata:hover { background: transparent; }
.cm_overview2 .ovw_box { display: block; padding: 4rem; }
.cm_overview2 .ovw_content { display: flex; gap: 4rem; }
.cm_overview2 .ovw_image { max-width: 100%; width: 40.5rem; height: fit-content; aspect-ratio: 405 / 304; flex-shrink: 0; overflow: hidden; }
.cm_overview2 .ovw_image.type2 { width: 30.4rem; aspect-ratio: 304 / 304; }
.cm_overview2 .ovw_image img { width: 100%; height: 100%; object-fit: cover; }
.cm_overview2 .ovw_image img.error { object-fit: cover; }
.cm_overview2 .ovw_info { width: 100%; display: flex; flex-direction: column; align-items: flex-start; }
.cm_overview2 .ovw_info.type2 { justify-content: space-between; gap: 1rem; }
.cm_overview2 .info_top { display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap; margin-bottom: 1.6rem; }
.cm_overview2 .campus_txt { max-width: 100%; min-width: 12.1rem; min-height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #000; font-weight: 600; font-size: 1.7rem; text-align: center; line-height: 1.3; padding: 0.8rem 1.6rem; margin-bottom: 1.6rem; }
.cm_overview2 .campus_txt.type2 { margin-bottom: 0; }
.cm_overview2 .type_txt { width: fit-content; min-width: 10.9rem; min-height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #434343; font-weight: 600; font-size: 1.7rem; color: #fff; line-height: 1.3; text-align: center; padding: 0.8rem 1.6rem; margin-bottom: 1.6rem; }
.cm_overview2 .type_txt.type2 { margin-bottom: 0; }
.cm_overview2 .title_txt { font-weight: 700; font-size: 2.8rem; line-height: 1.4; margin-bottom: 3.2rem; }
.cm_overview2 .details_txts { display: flex; flex-direction: column; gap: 1.2rem; }
.cm_overview2 .details_txts .details_wrap { display: flex; align-items: flex-start; gap: 2.4rem; }
.cm_overview2 .details_txts .details_text { font-size: 1.9rem; }
.cm_overview2 .details_txts .details_text.title { min-width: 8.8rem; display: flex; align-items: center; gap: 0.8rem; }
.cm_overview2 .details_txts .details_text.title.type2 { min-width: 10.8rem; }
.cm_overview2 .details_txts .details_text.title::before { content: ''; display: block; width: 2rem; height: 2rem; background-position: center; background-repeat: no-repeat; background-size: contain; }
.cm_overview2 .details_txts .details_text.title.location::before { background-image: url('../../images/common/icon_location.svg'); }
.cm_overview2 .details_txts .details_text.title.area::before { background-image: url('../../images/common/icon_area.svg'); }
.cm_overview2 .details_txts .details_text.title.user::before { background-image: url('../../images/common/icon_user.svg'); }
.cm_overview2 .details_txts .details_text.title.box::before { background-image: url('../../images/common/icon_box.svg'); }
.cm_overview2 .details_txts .details_text.title.calendar::before { background-image: url('../../images/common/icon_calendar.svg'); }
.cm_overview2 .details_txts .details_text.title.cost::before { background-image: url('../../images/common/icon_cost.svg'); }
.cm_overview2 .reservation_btn { position: absolute; bottom: 4rem; right: 4rem; }
.cm_overview2 .ovw_info_date { margin-left: auto; }
.cm_overview2 .date_box { display: flex; align-items: center; }
.cm_overview2 .date_box .date_txt { max-width: 100%; width: fit-content; min-height: 4rem; display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 1.7rem; line-height: 1.3; text-align: center; padding: 1rem 2rem; }
.cm_overview2 .date_box .date_txt.type1 { background-color: #00975b; border: 1px solid #000; border-right: 0; color: #fff; }
.cm_overview2 .date_box .date_txt.type2 { background-color: #EFEFF1; border: 1px solid #000; }

.cm_overview3 { width: 100%; display: flex; align-items: stretch; }
.cm_overview3 .ovw_wrap { min-height: 0; display: flex; flex-direction: column; border: 1px solid #CACACA; }
.cm_overview3 .ovw_wrap.class { flex: 1; }
.cm_overview3 .ovw_wrap.step1 { flex: 0 0 40%; border-left: none; border-right: none; }
.cm_overview3 .ovw_wrap.step2 { flex: 1; }
.cm_overview3 .top { min-height: 10rem; align-items: stretch; flex: 1; flex-shrink: 0; background-color: #F7F7F7; display: flex; padding: 2.4rem; }
.cm_overview3 .ovw_wrap > :not(.top){ height: 60.7rem; overflow: auto; }
.cm_overview3 .top .top_box1 { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.cm_overview3 .top .top_box2 { width: 100%; display: flex; align-items: center; gap: 1.6rem; }
.cm_overview3 .t_text { font-weight: 700; font-size: 2.4rem; }
.cm_overview3 .t_campus { max-width: 100%; width: fit-content; min-height: 4.8rem; display: inline-flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #000; font-weight: 600; font-size: 1.7rem; line-height: 1.3; text-align: center; padding: 0.8rem 1.6rem; }
.cm_overview3 .t_step { max-width: 100%; width: fit-content; min-height: 3.2rem; display: inline-flex; justify-content: center; align-items: center; background-color: #00975b; border-radius: 4px; font-weight: 600; font-size: 1.7rem; line-height: 1.3; color: #fff; text-align: center; padding: 1rem 1.2rem; }

.cm_overview4 { display: flex; gap: 4rem; }
.cm_overview4 .ovw_image { max-width: 100%; width: clamp(300px, 24.1666666667vw, 464px);; height: fit-content; aspect-ratio: 464 / 464; flex-shrink: 0; overflow: hidden; }
.cm_overview4 .ovw_image img { width: 100%; height: 100%; object-fit: cover; }
.cm_overview4 .ovw_image img.error { object-fit: cover; }
.cm_overview4 .ovw_details { width: 100%; display: flex; flex-direction: column; }
.cm_overview4 .dt_top { display: flex; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; margin-bottom: 1.6rem; }
.cm_overview4 .dt_top .info_box { display: flex; gap: 0.8rem; }
.cm_overview4 .dt_top .type { max-width: 100%; width: fit-content; min-height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #434343; font-weight: 600; font-size: 1.7rem; color: #fff; text-align: center; line-height: 1.3; padding: 0.8rem 1.6rem; }
.cm_overview4 .dt_top .campus { max-width: 100%; min-width: 12.1rem; min-height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #000; font-weight: 600; font-size: 1.7rem; text-align: center; line-height: 1.3; padding: 0.8rem 1.6rem; }
.cm_overview4 .date_box { display: flex; align-items: center; }
.cm_overview4 .date_box .date_txt { max-width: 100%; width: fit-content; min-height: 4rem; display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 1.7rem; line-height: 1.3; text-align: center; padding: 1rem 2rem; }
.cm_overview4 .date_box .date_txt.type1 { background-color: #00975b; border: 1px solid #000; border-right: 0; color: #fff; }
.cm_overview4 .date_box .date_txt.type2 { background-color: #EFEFF1; border: 1px solid #000; }
.cm_overview4 .dt_title { font-weight: 700; font-size: 3.2rem; line-height: 1.4; margin-bottom: 3.2rem; }
.cm_overview4 .dt_info { display: flex; gap: 2.4rem 2rem; flex-wrap: wrap; background-color: #F7F7F7; padding: 4rem; margin-bottom: 2.4rem; }
.cm_overview4 .dt_info .dt_info_wrap { min-width: 340px; display: flex; flex-direction: column; gap: 2.4rem; flex: 1 1 0; }
.cm_overview4 .dt_info .dt_info_in { display: flex; gap: 2.4rem; }
.cm_overview4 .dt_info .dt_info_txt { font-size: 1.9rem; }
.cm_overview4 .dt_info .dt_info_txt.subject { min-width: 8rem; font-weight: 700;}
.cm_overview4 .dt_info2 { min-height: 8.8rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; background-color: #fff; border: 1px solid #000; border-radius: 50px; padding: 1.6rem 1.6rem 1.6rem 4rem; }
.cm_overview4 .dt_info2_texts { display: flex; align-items: center; gap: 1rem 6.5rem; }
.cm_overview4 .dt_info2_in { display: flex; align-items: center; gap: 0.3rem 1.6rem; flex-wrap: wrap; position: relative; }
.cm_overview4 .dt_info2_in::after { content: ''; width: 1px; height: 1.6rem; display: block; position: absolute; top: 50%; right: -3.2rem; transform: translateY(-50%); background-color: #8A8A8A; }
.cm_overview4 .dt_info2_in:last-child::after { display: none; }
.cm_overview4 .dt_info2_txt { font-size: 1.9rem; }
.cm_overview4 .dt_info2_txt.color2 { color: #434343; }
.cm_overview4 .dt_info2_txt.subject { display: flex; align-items: center; gap: 0.8rem; flex-shrink: 0; }
.cm_overview4 .dt_info2_txt.subject::before { content: ''; width: 2rem; height: 2rem; display: block; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: contain; }
.cm_overview4 .dt_info2_txt.cost::before { background-image: url('../../images/common/icon_cost.svg'); }
.cm_overview4 .dt_info2_txt.user::before { background-image: url('../../images/common/icon_user.svg'); }
.cm_overview4 .dt_info2_txt .point { font-weight: 700; }

.cm_overview5 { border: 1px solid #8A8A8A; padding: 4rem; }
.cm_overview5 .ovw_top { display: flex; justify-content: space-between; gap: 1rem 2rem; flex-wrap: wrap; margin-bottom: 1.6rem; }
.cm_overview5 .ovw_top .type { max-width: 100%; width: fit-content; min-width: 8.8rem; min-height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #434343; font-weight: 600; font-size: 1.7rem; color: #fff; text-align: center; line-height: 1.3; padding: 0.8rem 1.6rem; }
.cm_overview5 .date_box { display: flex; align-items: center; }
.cm_overview5 .date_box .date_txt { max-width: 100%; width: fit-content; min-height: 4rem; display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 1.7rem; line-height: 1.3; text-align: center; padding: 1rem 2rem; }
.cm_overview5 .date_box .date_txt.type1 { background-color: #00975b; border: 1px solid #000; border-right: 0; color: #fff; }
.cm_overview5 .date_box .date_txt.type2 { background-color: #EFEFF1; border: 1px solid #000; }
.cm_overview5 .ovw_title { font-weight: 700; font-size: 3.2rem; line-height: 1.4; margin-bottom: 3.2rem; }
.cm_overview5 .ovw_info1 { display: flex; gap: 2.4rem; flex-wrap: wrap; background-color: #F7F7F7; padding: 4rem; margin-bottom: 2.4rem; }
.cm_overview5 .info1_wrap { display: flex; flex-direction: column; gap: 2.4rem; flex: 1 1 0; }
.cm_overview5 .info1_in { display: flex; gap: 2.4rem; }
.cm_overview5 .info1_txt { font-size: 1.9rem; word-break: keep-all; }
.cm_overview5 .info1_txt.subject { min-width: 8rem; font-weight: 700;}
.cm_overview5 .ovw_info2 { min-height: 8.8rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; background-color: #fff; border: 1px solid #000; border-radius: 50px; padding: 1.6rem 1.6rem 1.6rem 4rem; }
.cm_overview5 .info2_texts { display: flex; align-items: center; gap: 1rem 11.3rem; }
.cm_overview5 .info2_in { display: flex; align-items: center; gap: 0.3rem 1.6rem; flex-wrap: wrap; position: relative; }
.cm_overview5 .info2_in::before { content: ''; width: 1px; height: 1.6rem; display: block; position: absolute; top: 50%; right: -5.6rem; transform: translateY(-50%); background-color: #8A8A8A; }
.cm_overview5 .info2_in:last-child:before { display: none; }
.cm_overview5 .info2_txt { display: flex; align-items: center; gap: 0.8rem; font-size: 1.9rem; }
.cm_overview5 .info2_txt.color2 { color: #434343; }
.cm_overview5 .info2_txt.subject { display: flex; align-items: center; gap: 0.8rem; flex-shrink: 0; }
.cm_overview5 .info2_txt.subject::before { content: ''; width: 2rem; height: 2rem; display: block; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: contain; }
.cm_overview5 .info2_txt.education::before { background-image: url('../../images/common/icon_education.svg'); }
.cm_overview5 .info2_txt.cost::before { background-image: url('../../images/common/icon_cost.svg'); }
.cm_overview5 .info2_txt.user::before { background-image: url('../../images/common/icon_user.svg'); }
.cm_overview5 .info2_txt .sort { min-width: 6.2rem; min-height: 3.2rem; display: flex; justify-content: center; align-items: center; background-color: #EDF8F3; border-radius: 99px; font-weight: 600; font-size: 1.7rem; line-height: 1.3; color: #00975b; padding: 0.5rem 1.6rem; }
.cm_overview5 .info2_txt  .point { font-weight: 700; }

.cm_overview6 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.4rem; }
.cm_overview6 .ovw6_box { display: flex; flex-direction: column; gap: 1.6rem; padding: 4rem; background: #fff; border: 1px solid #cacaca; }
.cm_overview6 .ovw6_box .type_txt { max-width: 100%; width: fit-content; min-width: 10.9rem; min-height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #434343; font-weight: 600; font-size: 1.7rem; color: #fff; line-height: 1.3; text-align: center; padding: 0.8rem 1.6rem; }
.cm_overview6 .ovw6_box .title { font-size: 3.2rem; font-weight: 700; }
.cm_overview6 .ovw6_box .title .keyword { color: #00975b; text-decoration: underline; }

.cm_overview7 { display: flex; flex-direction: column; gap: 1.6rem; }
.cm_overview7 .ovw7_item { position: relative; padding-left: 4.4rem; font-size: 1.7rem; color: #434343; }
.cm_overview7 .ovw7_item:before { content: ''; position: absolute; left: 0; top: 1px; width: 2rem; height: 2rem; background: url(../../images/common/icon_home.svg) no-repeat center / contain; }
.cm_overview7 .ovw7_item:after { content: ''; position: absolute; left: 3.2rem; top: 5px; width: 1px; height: 1.3rem; background: #6a6a6a; }
.cm_overview7 .ovw7_item a { transition: opacity 0.15s; }
.cm_overview7 .ovw7_item a:hover { opacity: 0.85; }
.cm_overview7 .ovw7_item .menu { display: inline-block; position: relative; padding-right: 1.6rem; margin-right: 0.2rem; }
.cm_overview7 .ovw7_item .menu:after { content: '>'; position: absolute; right: 0; top: 0; }
.cm_overview7 .ovw7_item .menu .keyword { color: #00975b; text-decoration: underline; font-weight: 700; }
.cm_overview7 .ovw7_item .menu:last-child { padding-right: 0; margin-right: 0; }
.cm_overview7 .ovw7_item .menu:last-child:after { display: none; }

.cm_overview8 { border-top: 1px solid #000; }
.cm_overview8 .ovw8_item { padding: 4rem 0; border-bottom: 1px solid #CACACA; }
.cm_overview8 .ovw8_item .ovw8_content a:hover { text-decoration: underline; }
.cm_overview8 .ovw8_item .ovw8_content .keyword { color: #00975b; text-decoration: underline; font-weight: 700; }
.cm_overview8 .ovw8_item .ovw8_content .title { font-size: 2.4rem; font-weight: 700; margin-bottom: 8px; }
.cm_overview8 .ovw8_item .ovw8_content .desc { font-size: 1.9rem; margin-bottom: 3.2rem; }

.cm_overview9 .ovw_list { display: flex; gap: 2.4rem; flex-wrap: wrap; }
.cm_overview9 .ovw_list li { width: calc((100% - 2.4rem) / 2); background-color: #fff; border: 1px solid #000; padding: 3.2rem; }
.cm_overview9 .ovw_title { border-bottom: 1px solid #CACACA; font-weight: 700; font-size: 3.2rem; line-height: 1.4; padding-bottom: 2.4rem; }
.cm_overview9 .ovw_info { display: flex; flex-direction: column; gap: 1.6rem; margin-top: 3.2rem; margin-bottom: 3.2rem; }
.cm_overview9 .info_wrap { display: flex; gap: 0.8rem; align-items: flex-start; }
.cm_overview9 .info_txt { min-width: 0; font-size: 1.9rem; }
.cm_overview9 .info_txt.subject { min-width: 10rem; display: flex; align-items: center; gap: 0.8rem; flex-shrink: 0; font-weight: 700; }
.cm_overview9 .info_txt.subject::before { content: ''; width: 2rem; height: 2rem; display: block; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: contain; }
.cm_overview9 .info_txt.course::before { background-image: url('../../images/common/icon_course.svg'); }
.cm_overview9 .info_txt.cost::before { background-image: url('../../images/common/icon_cost.svg'); }
.cm_overview9 .ovw_btn { margin-left: auto; }
.cm_overview9 .ovw_btn .btn_wrap { display: flex; align-items: center; justify-content: flex-end; gap: 0.8rem 1.6rem; flex-wrap: wrap; }

.cm_overview10 .content { display: flex; align-items: center; position: relative; padding: 16rem 6rem; }
.cm_overview10 .ovw10_in { display: flex; gap: 3.2rem; }
.cm_overview10 .content.gap2 { gap: 5rem; }
.cm_overview10 .content.gap3 { gap: 0; }
.cm_overview10 .content.type2 { min-height: 49.8rem; }
.cm_overview10 .content.type3 { min-height: 55.6rem; }
.cm_overview10 .content.type4 { min-height: 77.4rem; }
.cm_overview10 .content.padding2 { padding: 8rem 4rem 8rem 2rem; }
.cm_overview10 .content.padding3 { padding: 2rem 0 6rem; }
.cm_overview10 .image { width: clamp(300px, 33.5937500000vw, 645px); position: absolute; left: 0; bottom: 0; flex-shrink: 0; }
.cm_overview10 .image.type2 { width: clamp(300px, 27.3958333333vw, 526px); }
.cm_overview10 .image.type3 { width: clamp(300px, 29.7916666667vw, 572px); }
.cm_overview10 .image.place2 { top: 50%; transform: translateY(-38%); bottom: unset; }
.cm_overview10 .image.place3 { top: 50%; transform: translateY(-33%); bottom: unset; }
.cm_overview10 .image.place4 { position: unset; }
.cm_overview10 .image img { width: 100%; }
.cm_overview10 .texts { width: 53%; display: flex; flex-direction: column; margin-left: auto; }
.cm_overview10 .texts.type2 { width: 100%; }
.cm_overview10 .texts .text1 { font-size: 1.9rem; color: #434343; word-break: keep-all; margin-bottom: 0.4rem; }
.cm_overview10 .texts .text1.type2 { margin-bottom: 2.4rem; }
.cm_overview10 .texts .text2 { font-weight: 700; font-size: 4rem; line-height: 1.4; word-break: keep-all; margin-bottom: 3.2rem; }
.cm_overview10 .texts .text2.type2 { margin-bottom: 0; }
.cm_overview10 .texts .text2 .point { color: #00975b; }
.cm_overview10 .texts .text2 .point2 { font-size: 3.2rem; }
.cm_overview10 .texts .text3 { max-width: 100%; font-size: 1.9rem; word-break: keep-all; }

.cm_overview11 .ovw_box { display: flex; flex-direction: column; gap: 2.4rem; }
.cm_overview11 .ovw_wrap { display: flex; align-items: center; justify-content: center; gap: clamp(40px, 6.2500000000vw, 120px); padding: 4rem 2rem; }
.cm_overview11 .ovw_in { width: clamp(170px, 13.5416666667vw, 260px); height: clamp(170px, 13.5416666667vw, 260px); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: clamp(12px, 1.25000000000vw, 24px); flex-shrink: 0; position: relative; background-color: #fff; border: 1px solid #000; border-radius: 50%; padding: 4rem; }
.cm_overview11 .ovw_in::after { content: ''; width: clamp(40px, 6.2500000000vw, 120px); height: 0; position: absolute; top: 50%; right: clamp(-120px, -6.2500000000vw, -40px); transform: translateY(-50%); border-top: 1px dashed #000; }
.cm_overview11 .ovw_in:last-child:after { display: none; }
.cm_overview11 .icon_images { width: clamp(35px, 2.9166666667vw, 56px); height: clamp(35px, 2.9166666667vw, 56px); }
.cm_overview11 .texts { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.4rem; text-align: center; }
.cm_overview11 .texts .num_txt { font-size: 1.9rem; color: #00975b; }
.cm_overview11 .texts .title_txt { font-weight: 700; font-size: clamp(15px, 1.0937500000vw, 21px); word-break: keep-all; }

.cm_overview12 .ovw_wrap { display: flex; gap: 2.4rem; }
.cm_overview12 .info_box { width: clamp(280px, 24.1145833333vw, 463px);; display: flex; flex-direction: column; gap: 3.2rem; border-top: 2px solid #000; padding: 4rem; }
.cm_overview12 .info_box .title { font-weight: 700; font-size: 3.2rem; line-height: 1.4; }
.cm_overview12 .place { display: flex; flex-direction: column; gap: 1.6rem; }
.cm_overview12 .place .icon { width: 4.8rem; height: 4.8rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #EFEFF1; padding: 1.2rem; }
.cm_overview12 .place .icon::before { content: ''; width: 2rem; height: 2.4rem; display: block; background: url('../../images/common/icon_location.svg') no-repeat center / contain; }
.cm_overview12 .place .texts { display: flex; flex-direction: column; gap: 0.4rem; }
.cm_overview12 .place .texts .text1 { font-size: 1.9rem; word-break: keep-all; }
.cm_overview12 .place .texts .text2 { font-size: 1.7rem; color: #434343; word-break: keep-all; }
.cm_overview12 .map_box { flex: 1 1 0; min-width: 0; }

.cm_overview13 { display: flex; flex-direction: column; gap: 2.4rem; }
.cm_overview13 .process_txt { font-size: 2.8rem; line-height: 1.4; }
.cm_overview13 .process_txt .point1 { font-weight: 700; }
.cm_overview13 .process_txt .point2 { color: #00975b; }
.cm_overview13 .process_box { display: flex; justify-content: center; align-items: center; gap: 3.2rem; flex-wrap: wrap; border: 1px solid #CACACA; padding: 8rem 6rem; }
.cm_overview13 .pc_in { display: flex;align-items: center; gap: 3.2rem; }
.cm_overview13 .pc_con { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2.4rem; }
.cm_overview13 .pc_con .text { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.2rem; font-weight: 700; font-size: 2.4rem; }
.cm_overview13 .pc_con .text::before { content: ''; width: 4rem; height: 4rem; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; }
.cm_overview13 .pc_con .text.step1::before { background-image: url('../../images/common/icon_user4.svg'); }
.cm_overview13 .pc_con .text.step2::before { background-image: url('../../images/common/icon_request.svg'); }
.cm_overview13 .pc_con .text.step3::before { background-image: url('../../images/common/icon_payment.svg'); }
.cm_overview13 .pc_con .text.step4::before { background-image: url('../../images/common/icon_class.svg'); }
.cm_overview13 .pc_con .text.step5::before { background-image: url('../../images/common/icon_certificate.svg'); }
.cm_overview13 .pc_con .step { min-height: 3.2rem; background-color: #000; border-radius: 99px; font-weight: 600; font-size: 1.7rem; color: #fff; line-height: 1.3; text-align: center; padding: 0.5rem 1.6rem; }
.cm_overview13 .pc_dot { display: flex; align-items: center; gap: 1.2rem; }
.cm_overview13 .pc_dot .dot { width: 0.5rem; height: 0.5rem; background-color: #D9D9D9; border-radius: 50%; }

.cm_overview14 .ovw_list { display: flex; flex-direction: column; border-top: 2px solid #000; }
.cm_overview14 .ovw_wrap { display: flex; gap: 8rem; border-bottom: 1px solid #8A8A8A; padding: 5.6rem 4rem; }
.cm_overview14 .number { flex-shrink: 0; font-weight: 700; font-size: 4rem; line-height: 1.4; color: #00975b; }
.cm_overview14 .texts { display: flex; flex-direction: column; gap: 1.2rem; }
.cm_overview14 .texts .text1 { font-weight: 700; font-size: 2.4rem; }
.cm_overview14 .texts .text2 { font-size: 1.9rem; }

.cm_overview15 .ovw_wrap { display: flex; justify-content: center; align-items: center; gap: clamp(40px, 6.2500000000vw, 120px); background-color: #EFEFF1; padding: 8rem 4rem; }
.cm_overview15 .ovw_box { max-width: 100%; width: clamp(200px, 16.6666666667vw, 320px); display: flex; flex-direction: column; gap: 4rem; position: relative; background-color: #fff; border: 1px solid #000; padding: 3.2rem; }
.cm_overview15 .ovw_box::after { content: ''; width: clamp(40px, 6.2500000000vw, 120px); height: 0; position: absolute; top: 50%; right: clamp(-120px, -6.2500000000vw, -40px); transform: translateY(-50%); border-top: 1px dashed #000; }
.cm_overview15 .ovw_box:last-child::after { display: none; }
.cm_overview15 .icon_img { width: 5.6rem; }
.cm_overview15 .texts { display: flex; flex-direction: column; gap: 1.2rem; }
.cm_overview15 .txt_type { max-width: 100%; width: fit-content; min-height: 3.2rem; display: flex; justify-content: center; align-items: center; background-color: #000; border-radius: 99px; font-weight: 600; font-size: 1.7rem; color: #fff; line-height: 1.3; text-align: center; padding: 0.5rem 1.6rem; }
.cm_overview15 .texts .txt_type.type2 { background-color: #00975b; }
.cm_overview15 .txt_title { font-weight: 700; font-size: 2.4rem; }

.cm_overview16 .ovw_wrap { display: flex; gap: 2.4rem; flex-wrap: wrap; }
.cm_overview16 .ovw_box { width: calc(25% - 1.8rem); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2.4rem; background-color: #fff; border: 1px solid #000; padding: 4rem 2.5rem; }
.cm_overview16 .icon_img { width: 8rem; height: 8rem; display: flex; justify-content: center; align-items: center; background-color: #EFEFF1; border-radius: 50%; padding: 2rem; }
.cm_overview16 .icon_img img { width: 4rem; flex-shrink: 0; }
.cm_overview16 .txt_content { font-weight: 600; font-size: 2.1rem; text-align: center; word-break: keep-all; }

.cm_overview17 .ovw_wrap { display: flex; gap: 2.4rem; flex-wrap: wrap; }
.cm_overview17 .ovw_box { width: calc(50% - 1.2rem); min-height: 21.3rem; display: flex; flex-direction: column; justify-content: space-between; gap: 3.2rem; background-color: #F7F7F7; padding: 4rem; }
.cm_overview17 .txt_subject { font-weight: 700; font-size: 2.4rem; }
.cm_overview17 .process_in { display: flex; align-items: center; gap: 0.1rem 2.5rem; flex-wrap: wrap; }
.cm_overview17 .process_in .p_txt { position: relative; font-size: 1.9rem; }
.cm_overview17 .process_in .p_txt::before { content: ''; width: 1px; height: 1.6rem; position: absolute; top: 50%; right: -1.2rem; transform: translateY(-50%); background-color: #8A8A8A; }
.cm_overview17 .process_in .p_txt:last-child::before { display: none; }
.cm_overview17 .process_in .p_txt.none::before { display: none; }
.cm_overview17 .process_in .p_txt.type2 { color: #00975b; }

.cm_overview18 { width: 100%; min-height: 21.8rem; display: flex; justify-content: center; align-items: center; background-color: #EDF8F3; border: 2px solid #00975b; }
.cm_overview18.type2 { background-color: #00975b; border: 0; }
.cm_overview18 .ovw_wrap { width: 100%; height: 100%; padding: 8rem 4rem; }
.cm_overview18 .ovw_text { font-size: 1.9rem; text-align: center; word-break: keep-all; }
.cm_overview18 .ovw_text.type2 { font-weight: 700; color: #fff; }
.cm_overview18 .ovw_text .point { font-weight: 700; color: #00975b; }

.cm_overview19 { width: 100%; }
.cm_overview19 .ovw_wrap { display: flex; }
.cm_overview19 .ovw_box { flex: 1; display: flex; flex-direction: column; gap: 4.8rem; position: relative; background-color: #fff; border: 1px solid #000; border-right: 0; padding: clamp(20px, 2.0833333333vw, 40px); }
.cm_overview19 .ovw_box:last-child { border-right: 1px solid #000; }
.cm_overview19 .mini_txt { font-weight: 600; font-size: 1.7rem; color: #6A6A6A; line-height: 1.3; word-break: keep-all; padding-right: 6rem; }
.cm_overview19 .icon_img { width: 5rem; position: absolute; top: clamp(20px, 2.0833333333vw, 40px); right: clamp(20px, 2.0833333333vw, 40px); }
.cm_overview19 .ovw_texts { display: flex; flex-direction: column; gap: 2.4rem; }
.cm_overview19 .title_txt { font-weight: 700; font-size: 3.2rem; line-height: 1.4; }
.cm_overview19 .text_wrap { display: flex; flex-direction: column; gap: 1.2rem; }
.cm_overview19 .sub_txt { display: flex; align-items: center; position: relative; font-size: 1.9rem; word-break: keep-all; padding-left: 1.6rem; }
.cm_overview19 .sub_txt::before { content: ''; width: 0.4rem; height: 0.4rem; flex-shrink: 0; display: block; position: absolute; top: 1.2rem; left: 0; background-color: #000; border-radius: 50%; }

.cm_overview20 .ovw_wrap { display: flex; flex-direction: column; }
.cm_overview20 .ovw_box { display: flex; border-bottom: 1px solid #CACACA; padding: 5.2rem 0; }
.cm_overview20 .year_txt { max-width: 100%; min-width: clamp(150px, 16.6666666667vw, 320px);; font-weight: 700; font-size: 4.8rem; line-height: 1.4; }
.cm_overview20 .history_content { display: flex; flex-direction: column; gap: 3rem; }
.cm_overview20 .history_texts { display: flex; flex-direction: column; gap: 0.8rem; }
.cm_overview20 .date_txt { font-weight: 700; font-size: 1.9rem; color: #00975b; }
.cm_overview20 .history_wrap { display: flex; flex-direction: column; gap: 0.4rem; }
.cm_overview20 .history_txt { display: flex; align-items: center; position: relative; font-size: 1.9rem; word-break: keep-all; padding-left: 1.6rem; }
.cm_overview20 .history_txt::before { content: ''; width: 0.4rem; height: 0.4rem; flex-shrink: 0; display: block; position: absolute; top: 1.2rem; left: 0; background-color: #000; border-radius: 50%; }

.cm_overview21 .ovw_list { display: flex; flex-direction: column; border-top: 1px solid #000; }
.cm_overview21 .ovw_box { display: flex; gap: 1rem 2.4rem; border-bottom: 1px solid #CACACA; padding: 3.2rem; }
.cm_overview21 .ovw_box:last-child { border-bottom: 0; }
.cm_overview21 .ovw_title { width: fit-content; min-width: 24rem; font-weight: 700; font-size: 1.9rem; }
.cm_overview21 .content_txt { font-size: 1.9rem; word-break: keep-all; }
.cm_overview21 .road_btn { min-height: 4rem; display: flex; align-items: center; gap: 0.8rem; background-color: #000; font-weight: 600; font-size: 1.9rem; color: #fff; line-height: 1.2; padding: 0.85rem 1.6rem; }
.cm_overview21 .content_txt.type2 { color: #434343; }
.cm_overview21 .content_txt .point { font-weight: 700; color: #000; }
.cm_overview21 .road_btn::before { content: ''; width: 2rem; height: 2rem; display: block; flex-shrink: 0; background: url('../../images/common/icon_map.svg') no-repeat center / contain; }
.cm_overview21 .road_btn:hover { text-decoration: underline; }
.cm_overview21 .content_icon { width: fit-content; min-width: 10rem; display: flex; gap: 0.8rem; font-weight: 700; font-size: 1.9rem; }
.cm_overview21 .content_icon::before { content: ''; width: 2.4rem; height: 2.4rem; display: block; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: contain; margin-top: 0.15rem; }
.cm_overview21 .content_icon.subway::before { background-image: url('../../images/common/icon_subway.svg'); }
.cm_overview21 .content_icon.bus::before { background-image: url('../../images/common/icon_bus.svg'); }
.cm_overview21 .content_icon.car::before { background-image: url('../../images/common/icon_car.svg'); }
.cm_overview21 .ovw_info1 { display: flex; align-items: center; gap: 0.8rem 3.2rem; flex-wrap: wrap; }
.cm_overview21 .ovw_info3 { display: flex; flex-direction: column; gap: 2.4rem; }
.cm_overview21 .ovw_in { display: flex; gap: 1rem 4rem; }
.cm_overview21 .content_in { display: flex; flex-direction: column; gap: 0.8rem; }

.cm_overview22 .ovw_box { display: flex; flex-direction: column; gap: 2.4rem; }
.cm_overview22 .ovw_wrap { display: flex; align-items: center; justify-content: center; gap: clamp(40px, 5.2083333333vw, 100px); padding: 4rem 2rem; }
.cm_overview22 .ovw_in { width: clamp(150px, 14.5833333333vw, 280px); height: clamp(150px, 14.5833333333vw, 280px); flex-shrink: 0; position: relative; background-color: #fff; border: 1px solid #000; }
.cm_overview22 .ovw_in::after { content: ''; width: clamp(40px, 6.2500000000vw, 120px); height: 0; position: absolute; top: 50%; right: clamp(-120px, -6.2500000000vw, -40px); transform: translateY(-50%); border-top: 1px dashed #000; }
.cm_overview22 .ovw_in:last-child:after { display: none; }

.cm_overview23 .ovw_wrap { width: 100%; display: flex; align-items: center; justify-content: center; gap: clamp(10px, 1.3541666667vw, 26px); }
.cm_overview23 .ovw_box.box1 { height: clamp(120px, 10.4166666667vw, 200px); flex: 1; display: flex; justify-content: center; align-items: center; gap: clamp(10px, 2.0833333333vw, 40px); background-color: #C2D7E6; border-radius: clamp(10px, 5.1562500000vw, 99px); padding: clamp(20px, 2.0833333333vw, 40px) clamp(20px, 2.0833333333vw, 40px); }
.cm_overview23 .ovw_box.box2 { width: clamp(120px, 10.4166666667vw, 200px); height: clamp(120px, 10.4166666667vw, 200px); display: flex; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 50%; }
.cm_overview23 .ovw_box.box2.bgc1 { background-color: #CBB285; }
.cm_overview23 .ovw_box.box2.bgc2 { background-color: #002554; }
.cm_overview23 .ovw_box.arrow { display: flex; align-items: center; gap: clamp(10px, 1.3541666667vw, 26px); }
.cm_overview23 .ovw_box.arrow::after { content: ""; width: clamp(15px, 1.5625000000vw, 30px); aspect-ratio: 1/1; display: block; flex-shrink: 0; background: url('../../images/common/arrow_right4.svg') no-repeat center / contain; }
.cm_overview23 .ovw_box.flex_type2 { flex: 1; }
.cm_overview23 .ovw_txt { font-weight: 700; font-size: clamp(16px, 1.3541666667vw, 26px); line-height: 1.4; text-align: center; word-break: keep-all; }
.cm_overview23 .ovw_txt.color1 { color: #fff; }
.cm_overview23 .ovw_txt.plus { display: flex; align-items: center; gap: clamp(10px, 2.0833333333vw, 40px); }
.cm_overview23 .ovw_txt.plus::after { content: ""; width: clamp(15px, 1.5625000000vw, 30px); aspect-ratio: 1/1; display: block; flex-shrink: 0; background: url('../../images/common/icon_plus4.svg') no-repeat center / contain; }

.cm_overview24 { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.cm_overview24.mt_type2 { margin-top: 2.4rem; }
.cm_overview24 .ovw_box1 { display: flex; align-items: center; margin-top: 1rem; margin-bottom: clamp(40px, 4.1666666667vw, 80px); }
.cm_overview24 .ovw_box1 .ovw_content1:last-child { margin-left: -6rem; }
.cm_overview24 .ovw_box3 { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); justify-content: center; gap: clamp(10px, 1.3541666667vw, 26px); margin-top: clamp(50px, 6.2500000000vw, 120px); }
.cm_overview24 .ovw_content1 { width: clamp(170px, 20.8333333333vw, 400px); height: clamp(170px, 20.8333333333vw, 400px); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 50%; padding: clamp(15px, 2.0833333333vw, 40px); }
.cm_overview24 .ovw_content1.bgc1 { background-color: #00975B; opacity: 0.8; }
.cm_overview24 .ovw_content1.bgc2 { background-color: #002553; opacity: 0.9; }
.cm_overview24 .ovw_content2 { position: relative; }
.cm_overview24 .ovw_content2::before { content: ""; width: clamp(150px, 18.2291666667vw, 350px); height: clamp(80px, 9.3750000000vw, 180px); position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); background-color: #DAC9A9; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.cm_overview24 .ovw_content3 { min-height: clamp(80px, 7.2916666667vw, 140px); display: flex; justify-content: center; align-items: center; background-color: #C2D7E6; border-radius: clamp(10px, 5.1562500000vw, 99px); padding: clamp(14px, 1.7708333333vw, 34px) clamp(10px, 1.5625000000vw, 30px); }
.cm_overview24 .ovw_txt1 { font-weight: 700; font-size: clamp(15px, 1.4583333333vw, 28px); color: #fff; text-align: center; line-height: 1.4; word-break: keep-all; }
.cm_overview24 .ovw_txt2 { font-weight: 700; font-size: clamp(13px, 1.2500000000vw, 24px); text-align: center; word-break: keep-all; }
.cm_overview24 .ovw_txt2.color1 { color: #FF7C53; }
.cm_overview24 .ovw_txt2.color2 { color: #00295D; }
.cm_overview24 .ovw_txt3 { font-weight: 700; font-size: clamp(18px, 2.0833333333vw, 40px); color: #00295D; line-height: 1.4; word-break: keep-all; }
.cm_overview24 .zx1 { position: relative; z-index: 1; }

/* *********************************** *
* information
* *********************************** */
.cm_information { padding: 2.4rem; overflow-y: auto; }
.cm_information .img_box { max-width: 100%; width: 100%; aspect-ratio: 294 / 220; overflow: hidden; margin-bottom: 2rem; }
.cm_information .img_box img { width: 100%; height: 100%; object-fit: cover; }
.cm_information .info_box { display: flex; flex-direction: column; gap: 1.6rem; }
.cm_information .info_wrap { display: flex; flex-direction: column; gap: 1.2rem; }
.cm_information .info_txt { display: flex; align-items: center; gap: 0.8rem; font-size: 1.9rem; }
.cm_information .info_txt.title { font-weight: 700; }
.cm_information .info_txt.title::before { content: ''; display: block; width: 2rem; height: 2rem; background-position: center; background-repeat: no-repeat; background-size: contain; }
.cm_information .info_txt.title.location::before { background-image: url('../../images/common/icon_location.svg'); }
.cm_information .info_txt.title.area::before { background-image: url('../../images/common/icon_area.svg'); }
.cm_information .info_txt.title.user::before { background-image: url('../../images/common/icon_user.svg'); }
.cm_information .info_txt.title.box::before { background-image: url('../../images/common/icon_box.svg'); }

.cm_information2 { display: flex; flex-direction: column; gap: 4rem; }
.cm_information2.type2 { gap: 2.4rem; }
.cm_information2 .info_box { display: flex; align-items: flex-start; gap: 2.4rem; }
.cm_information2 .info_box_in { width: 100%; min-width: 0; display: flex; align-items: center; gap: 0.8rem; }
.cm_information2 .info_box_in2 { width: 100%; min-width: 0; display: flex; flex-direction: column; gap: 1.6rem; }
.cm_information2 .ib_in { min-width: 0; display: flex; align-items: center; gap: 0.8rem; }
.cm_information2 .info_txt { font-size: 1.9rem; }
.cm_information2 .info_box.type2 { align-items: center; }
.cm_information2 .info_txt.title { min-width: 16rem; flex-shrink: 0; font-weight: 700; }
.cm_information2 .info_txt.type2 { padding-top: 0.8rem; }
.cm_information2 .info_txt.type3 { min-width: 8rem; }
.cm_information2 .info_txt.star { display: flex; align-items: center; gap: 0.8rem; }
.cm_information2 .info_txt.star::after { content: '*'; font-weight: 700; color: #00975b; }
.cm_information2 .info_txt2 { width: 100%; background-color: #EFEFF1; border: 1px solid #000; font-size: 1.9rem; color: #434343; white-space: pre-wrap; padding: 1.3rem 1.6rem; }
.cm_information2 .text { font-size: 1.9rem; }

.cm_information3 { border-top: 1px solid #000; background-color: #fff; border-bottom: 1px solid #000; padding: 4rem; }
.cm_information3 .info_head { display: flex; flex-direction: column; gap: 1.6rem; border-bottom: 1px solid #CACACA; padding-bottom: 4rem; }
.cm_information3 .info_head.type2 { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 4rem; border: 0; padding-bottom: 0; }
.cm_information3 .info_head .ih_inner { display: flex; flex-direction: column; gap: 1.6rem; }
.cm_information3 .info_head .type { max-width: 100%; width: fit-content; min-height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #434343; font-weight: 600; font-size: 1.7rem; color: #fff; line-height: 1.3; text-align: center; padding: 0.8rem 1.6rem; }
.cm_information3 .info_head .campus { max-width: 100%; width: fit-content; min-height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #000; font-weight: 600; font-size: 1.7rem; line-height: 1.3; text-align: center; padding: 0.8rem 1.6rem; }
.cm_information3 .info_head .title { font-weight: 700; font-size: 3.2rem; line-height: 1.4; }
.cm_information3 .info_con { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; flex-wrap: wrap; padding-top: 4rem; }
.cm_information3 .info_con .info_con_wrap { display: flex; gap: 8rem; }
.cm_information3 .info_con .info_cw_box { display: flex; flex-direction: column; gap: 2.4rem; }
.cm_information3 .info_con .info_cw_in { display: flex; gap: 2.4rem; }
.cm_information3 .info_con .info_txt { font-size: 1.9rem; }
.cm_information3 .info_con .info_txt.subject { min-width: 8rem; font-weight: 700; }
.cm_information3 .info_btn_wrap { margin-left: auto; }
.cm_information3 .details_btn { max-width: 100%; width: fit-content; min-height: 5.6rem; display: flex; justify-content: center; align-items: center; background-color: #000; font-size: 600px; font-size: 1.9rem; color: #fff; line-height: 1.2; text-align: center; padding: 1rem 2.4rem; }

.cm_information4 { background-color: #fff; border: 1px solid #8A8A8A; }
.cm_information4.type2 { margin-bottom: 2.4rem; }
.cm_information4 .info_inner { display: flex; align-items: flex-start; gap: 1.2rem; padding: 3.2rem 4rem; }
.cm_information4 .cm_icon { margin-top: 0.25rem; }
.cm_information4 .info_text { font-size: 1.9rem; }
.cm_information4 .info_text .point { font-weight: 700; }

.cm_information5 { background-color: #F7F7F7; }
.cm_information5.bgc2 { background-color: #EFEFF1; }
.cm_information5.type2 { border: 1px solid #CACACA; }
.cm_information5.type3 { width: 80rem; max-width: 100%; background-color: #fff; border: 1px solid #000; }
.cm_information5.padding2 { padding: 4rem; }
.cm_information5 .info_inner { display: flex; flex-direction: column; gap: 1.2rem; padding: 4rem; }
.cm_information5 .info_inner.type2 { gap: 1.6rem; }
.cm_information5 .info_inner.type3 { gap: 2.4rem; }
.cm_information5 .info_text { display: flex; align-items: center; position: relative; font-size: 1.9rem; word-break: keep-all; padding-left: 1.6rem; }
.cm_information5 .info_text.type2 { align-items: baseline; gap: 0.8rem; }
.cm_information5 .info_text.style2 { font-weight: 700; margin-bottom: 1.2rem; }
.cm_information5 .info_text.style3 { font-size: 1.7rem; color: #434343; margin-top: 1.2rem; }
.cm_information5 .info_text.none { padding: 0; }
.cm_information5 .info_text.display { display: unset; }
.cm_information5 .info_text::before { content: ''; width: 0.4rem; height: 0.4rem; flex-shrink: 0; display: block; position: absolute; top: 1.2rem; left: 0; background-color: #000; border-radius: 50%; }
.cm_information5 .info_text.none::before { display: none; }
.cm_information5 .info_text .number { min-width: 2.4rem; display: block; font-size: 1.7rem; }
.cm_information5 .info_text .point { font-weight: 700; }
.cm_information5 .info_text2 { font-weight: 700; font-size: 2.4rem; }
.cm_information5 .info_file_wrap { display: flex; align-content: center; gap: 1.6rem; }
.cm_information5 .link_txt { transition: color 0.2s; }
.cm_information5 .link_txt:hover { text-decoration: underline; color: #00975b; }

.cm_information6 { background-color: #F7F7F7; border: 1px solid #000; }
.cm_information6 .info_inner { display: flex; align-items: center; gap: 1rem 2.4rem; flex-wrap: wrap; border-bottom: 1px solid #000; padding: 4rem; }
.cm_information6 .info_inner:last-child { border-bottom: 0; }
.cm_information6 .info_in { display: flex; align-items: center; gap: 0.8rem; }
.cm_information6 .type { max-width: 100%; width: fit-content; min-height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #434343; font-weight: 600; font-size: 1.7rem; color: #fff; line-height: 1.3; text-align: center; padding: 0.9rem 1.6rem; }
.cm_information6 .campus { max-width: 100%; min-width: 12.1rem; min-height: 4rem; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #000; font-weight: 600; font-size: 1.7rem; text-align: center; line-height: 1.3; padding: 0.8rem 1.6rem; }
.cm_information6 .title { font-weight: 700; font-size: 3.2rem; line-height: 1.4; }

.cm_information7 .info_wrap { display: flex; gap: 2.4rem; background-color: #F7F7F7; padding: 4rem; }
.cm_information7 .info_box { flex: 1; border: 1px solid #000; overflow: hidden; }
.cm_information7 .info_top { display: flex; justify-content: center; align-items: center; background-color: #EFEFF1; font-weight: 600; font-size: 2.1rem; text-align: center; border-bottom: 1px solid #000; padding: 1.6rem 3.2rem; }
.cm_information7 .info_center { height: 100%; display: flex; flex-direction: column; gap: 1.6rem; background-color: #fff; padding: 3.2rem; }
.cm_information7 .type_text { max-width: 100%; width: fit-content; min-height: 4rem; background-color: #000; border-radius: 99px; font-weight: 700; font-size: 1.9rem; color: #fff; text-align: center; padding: 0.55rem 2rem;}
.cm_information7 .content_texts { display: flex; flex-direction: column; gap: 1.2rem; }
.cm_information7 .content_text { position: relative; font-size: 1.9rem; padding-left: 1.6rem; }
.cm_information7 .content_text::before { content: ''; width: 0.4rem; height: 0.4rem; display: block; position: absolute; top: 1.2rem; left: 0; background-color: #000; border-radius: 50%; }

.cm_information8 .info_wrap { display: flex; flex-direction: column; gap: 1.6rem; background-color: #F7F7F7; padding: 4rem; }
.cm_information8 .info_box { flex: 1; display: flex; align-items: center; gap: clamp(10px, 1.2500000000vw, 24px); }
.cm_information8 .info_content { height: stretch; flex: 1 1 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.4rem; background-color: #fff; border: 1px solid #000; padding: 2.4rem 3.2rem; }
.cm_information8 .info_content.type2 { background-color: #EDF8F3; border: 2px solid #00975b; }
.cm_information8 .content_txt { font-size: 1.9rem; text-align: center; word-break: keep-all; }
.cm_information8 .content_txt.bold { font-weight: 700; }
.cm_information8 .content_txt.color1 { color: #00975b; }
.cm_information8 .icon_content { width: 2.4rem; height: 2.4rem; background-repeat: no-repeat; background-size: contain; background-position: center; }
.cm_information8 .icon_content.plus { background-image: url('../../images/common/icon_plus3.svg'); }
.cm_information8 .icon_content.equal { background-image: url('../../images/common/icon_equal.svg'); }

.cm_information9 .info_wrap { display: flex; align-items: center; gap: 2.4rem; background-color: #EFEFF1; padding: 3.2rem 4rem; }
.cm_information9 .info_icon { width: 6.4rem; height: 6.4rem; display: flex; justify-items: center; align-items: center; background-color: #fff; border: 1px solid #CACACA; border-radius: 50%; padding: 1.6rem; }
.cm_information9 .info_icon::before { content: ''; width: 3.2rem; height: 3.2rem; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; }
.cm_information9 .info_icon.education::before { background-image: url('../../images/common/icon_education.svg'); }
.cm_information9 .info_text { font-size: 1.9rem; word-break: keep-all; }

.cm_information10 .info_wrap { display: flex; flex-direction: column; gap: 4rem; background-color: #fff; padding: 0 4rem 4rem 4rem; }
.cm_information10 .info_texts { display: flex; flex-direction: column; gap: 2.4rem; }
.cm_information10 .info_texts .if_title { display: flex; gap: 1.2rem; }
.cm_information10 .if_title .icon { width: 3.2rem; height: 3.2rem; flex-shrink: 0; display: block; background: url('../../images/common/icon_guide.svg') no-repeat center / contain; }
.cm_information10 .if_title .txt { font-weight: 700; font-size: 2.8rem; line-height: 1.4; }
.cm_information10 .if_title .txt .point { color: #00975b; }
.cm_information10 .info_texts .if_text { font-size: 1.9rem; }
.cm_information10 .info_texts .if_text.mb_type2 { margin-bottom: 1.6rem; }
.cm_information10 .info_texts .if_text.mt_type2 { margin-top: 1.6rem; }

.cm_information11 { min-height: 38.3rem; }
.cm_information11 .info_wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2.4rem; background-color: #F7F7F7; padding: 8rem 4rem; }
.cm_information11 .info_icon { width: 11.2rem; height: 11.2rem; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 50%; padding: 3.2rem; }
.cm_information11 .info_icon::before { content: ''; width: 4.8rem; height: 4.8rem; display: block; flex-shrink: 0; background-repeat: no-repeat; background-position: center; background-size: contain; }
.cm_information11 .info_icon.certificate::before { background-image: url('../../images/common/icon_certificate.svg'); }
.cm_information11 .info_txt { font-size: 1.9rem; text-align: center; word-break: keep-all; }

/* *********************************** *
* calendar
* *********************************** */
.cm_calendar { width: 100%; padding: 2.4rem; }
.cm_calendar .cd_navi { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.6rem; }
.cm_calendar .cd_navi .month_btn { width: 4.8rem; height: 4.8rem; display: flex; align-items: center; justify-content: center; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 2.4rem; border: 1px solid #000; transition: background-color 0.2s, background-image 0.2s; }
.cm_calendar .cd_navi .month_btn:hover { background-color: #00975b; }
.cm_calendar .cd_navi .month_btn.prev { background-image: url('../../images/common/arrow_back.svg'); }
.cm_calendar .cd_navi .month_btn.prev:hover { background-image: url('../../images/common/arrow_back2.svg'); }
.cm_calendar .cd_navi .month_btn.next { background-image: url('../../images/common/arrow_forward.svg'); }
.cm_calendar .cd_navi .month_btn.next:hover { background-image: url('../../images/common/arrow_forward2.svg'); }
.cm_calendar .cd_navi .date_select { display: flex; align-items: center; gap: 0.8rem; }
.cm_calendar .cd_legend { width: 100%; display: flex; align-items: center;     justify-content: flex-end; gap: 1.2rem; margin-bottom: 0.8rem; }
.cm_calendar .cd_legend .legend_item { display: flex; align-items: center; gap: 0.8rem; }
.cm_calendar .cd_legend .legend { width: 2rem; height: 2rem; }
.cm_calendar .cd_legend .legend.today { background-color: #000; border-radius: 50%; }
.cm_calendar .cd_legend .legend.selected { background-color: #00975b; }
.cm_calendar .cd_legend .legend.muted { background-color: #8A8A8A; }
.cm_calendar .cd_legend .label { font-size: 1.7rem; }
.cm_calendar .calendar { border-top: 1px solid #CACACA; border-left: 1px solid #CACACA; }
.cm_calendar .calendar th, .cm_calendar .calendar td { width: 7.6rem; height: 7.6rem; border-right: 1px solid #CACACA; border-bottom: 1px solid #CACACA; font-size: 1.9rem; }
.cm_calendar .calendar th button, .cm_calendar .calendar td button { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
.cm_calendar .calendar thead th { background-color: #F3F5F7; }
.cm_calendar .calendar td button:disabled { background-color: #E5E5E5; }
.cm_calendar .calendar .sun { color: #E52727; }
.cm_calendar .calendar .sat { color: #214EE2; }
.cm_calendar .calendar tbody .today span { width: 4rem; height: 4rem; display: inline-flex; align-items: center; justify-content: center; background-color: #000; border-radius: 50%; color: #fff; }
.cm_calendar .calendar tbody .muted { color: #6A6A6A; }
.cm_calendar .calendar tbody .selected button { background-color: #00975b; color: #fff; }
.cm_calendar .calendar td button:hover { background-color: #00975b; color: #fff; }

/* *********************************** *
* checkbox, radio
* *********************************** */
.cm_chk_box1 { padding: 2.4rem 0; }
.cm_chk_box2 { display: flex; align-items: center; gap: 2.4rem; }
.cm_chk_area1 { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 1.6rem; padding: 0 2.4rem; overflow-y: auto; }
.cm_chk1 .chk_label { width: 100%; min-height: 6.9rem; display: inline-flex; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #CACACA; font-size: 1.9rem; padding: 2rem 2.4rem; transition: all 0.2s; }
.cm_chk1 input:checked ~ .chk_label { background-color: #D6F2E5; border: 1px solid #00975b; }
.cm_chk1 input:disabled ~ .chk_label { background-color: #E5E5E5; }
.cm_chk1 .chk_label:hover { background-color: #D6F2E5; border: 1px solid #00975b; }

.cm_chk2 { display: flex; align-items: center; }
.cm_chk2.type2 { justify-content: center; }
.cm_chk2 .chk_label { width: fit-content; display: flex; align-items: center; gap: 0.8rem; font-size: 1.7rem; transition: all 0.2s; }
.cm_chk2 .chk_label.type2 { font-weight: 700; font-size: 1.9rem; }
.cm_chk2 .chk_label::before { content: ''; width: 2.33rem; height: 2.33rem; display: block; background-size: 1.2rem; background-position: center; background-repeat: no-repeat; border: 1px solid #000; transition: all 0.2s; }
.cm_chk2 input:checked + .chk_label::before { background-color: #00975b; border-color: #00975b; background-image: url('../../images/common/icon_check.svg'); }
.cm_chk2 .chk_label:hover::before { background-color: #00975b; border-color: #00975b; background-image: url('../../images/common/icon_check.svg'); }

.cm_chk3 .chk_label { display: flex; align-items: center; gap: 0.8rem; position: relative; font-size: 1.7rem; padding-left: 3.366rem; transition: all 0.2s; }
.cm_chk3 .chk_label::before { content: ''; width: 2.33rem; height: 2.33rem; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border: 1px solid #CACACA; border-radius: 50%; transition: all 0.2s; }
.cm_chk3 .chk_label::after { content: ''; width: 1.4rem; height: 1.4rem; display: block; position: absolute; top: 50%; left: 0.467rem; transform: translateY(-50%); background-color: #00975b; border-radius: 50%; opacity: 0; transition: all 0.2s; }
.cm_chk3 input:checked + .chk_label::before { border: 1px solid #00975b; }
.cm_chk3 input:checked + .chk_label::after { opacity: 1; }
.cm_chk3 .chk_label:hover::before { border: 1px solid #00975b; }
.cm_chk3 .chk_label:hover::after { opacity: 1; }

/* *********************************** *
* txt, title
* *********************************** */
.cm_txtbox { display: flex; flex-direction: column; gap: 2.4rem; }
.cm_txtbox.type2 { gap: 1.2rem; }
.cm_txtbox.type3 { gap: 1.6rem; }
.cm_txtbox.type4 { gap: 2rem; }
.cm_txtbox .tb_in { display: flex; align-items: center; gap: 0.8rem 1.6rem; flex-wrap: wrap; }
.cm_txt_in { display: flex; flex-direction: column; gap: 0.8rem; }
.cm_txt_in2 { display: flex; flex-direction: column; gap: 1.2rem; }

.cm_title { display: flex; align-items: baseline; gap: 1.2rem; font-weight: 700; font-size: 3.2rem; line-height: 1.4; word-break: keep-all; margin-bottom: 2.4rem; }
.cm_title.type2 { margin-bottom: 0; }
.cm_title::before { content: ''; width: 2.4rem; height: 2.4rem; display: block; flex-shrink: 0; background: url('../../images/common/icon_bullet_title.svg') no-repeat center / contain; }
.cm_title .point { color: #00975b; }
.cm_title2 { font-weight: 700; font-size: 4rem; line-height: 1.4; word-break: keep-all; margin-bottom: 2.4rem; }

.cm_maintxt { font-weight: 700; font-size: 4rem; line-height: 1.4; word-break: keep-all; margin-bottom: 2.4rem; }
.cm_maintxt2 { font-weight: 600; font-size: 2.1rem; word-break: keep-all;}

.cm_subtxt { font-size: 1.9rem; word-break: keep-all; }
.cm_subtxt.dot { position: relative; padding-left: 1.6rem; }
.cm_subtxt.dot::before { content: ''; width: 0.4rem; height: 0.4rem; display: block; position: absolute; top: 1.2rem; left: 0; background-color: #000; border-radius: 50%; }
.cm_subtxt .link_txt { transition: color 0.2s; }
.cm_subtxt .link_txt:hover { text-decoration: underline; color: #00975b; }
.cm_subtxt .point { font-weight: 700; font-size: 1.7rem; }
.cm_subtxt .point2 { font-weight: 700; color: #00975b; }
.cm_subtxt.file { display: flex; align-items: center; gap: 1rem 1.5rem; flex-wrap: wrap; }
.cm_subtxt.file.dot::before { top: 1.5rem; }
.cm_subtxt.number_txt { display: flex; align-items: baseline; gap: 0.8rem; }
.cm_subtxt .number { min-width: 2.4rem; display: block; font-size: 1.7rem; }

.cm_subtxt2 { display: flex; align-items: flex-start; gap: 0.4rem; font-size: 1.7rem; color: #434343; word-break: keep-all; }
.cm_subtxt2 .line { width: 2.4rem; height: 2.6rem; flex-shrink: 0; display: flex; justify-content: center; align-items: center; position: relative; padding: 0.8rem; }
.cm_subtxt2 .line::before { content: ''; width: 0.8rem; height: 1px; flex-shrink: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #434343; }
.cm_subtxt3 { min-width: 11.1rem; flex-shrink: 0; font-weight: 700; font-size: 3.2rem; line-height: 1.4; }
.cm_subtxt4 { font-size: 1.7rem; word-break: keep-all; }
.cm_subtxt5 { font-weight: 700; font-size: 1.7rem; color: #00975b; }
.cm_subtxt6 { font-weight: 600; font-size: 2.1rem; }

.cm_pointtxt { min-width: 7.7rem; min-height: 3.2rem; display: flex; justify-content: center; align-items: center; background-color: #EFEFF1; border-radius: 99px; font-weight: 600; font-size: 1.7rem; line-height: 1.3; text-align: center; }

.cm_number_txt { display: flex; align-items: baseline; gap: 0.8rem; }
.cm_number_txt .number { min-width: 2.4rem; display: block; font-size: 1.7rem; }

/* *********************************** *
* remark
* *********************************** */
.cm_remark { display: flex; align-items: center; gap: 0.4rem; font-size: 1.7rem; word-break: keep-all; }
.cm_remark.type2 { align-items: flex-start; gap: 0.8rem; }
.cm_remark.info { color: #434343; }
.cm_remark.error { color: #DA0000; }
.cm_remark.success { color: #00975b; }
.cm_remark.star::before { content: '*'; flex-shrink: 0; font-weight: 700; color: #00975b; }
.cm_remark.type2::before { content: ''; width: 2rem; height: 2rem; display: block; flex-shrink: 0; background-repeat: no-repeat; background-size: contain; background-position: center; margin-top: 0.2rem; }
.cm_remark.info::before { background-image: url('../../images/common/icon_info.svg') }
.cm_remark.error::before { background-image: url('../../images/common/icon_error.svg') }
.cm_remark.success::before { background-image: url('../../images/common/icon_success.svg') }

/* *********************************** *
* width
* *********************************** */
.cm_width1 { flex: 1; min-width: 0; }

/* *********************************** *
* box
* *********************************** */
.cm_box_area1 { display: flex; gap: 2.4rem; }
.cm_box_area2 { display: flex; flex-direction: column; gap: 2.4rem; }
.cm_box_area3 { display: flex; align-items: center; gap: 1rem 3rem; flex-wrap: wrap; }
.cm_box_area3.mb2 { margin-bottom: 2.4rem; }

.cm_box1 { border-top: 1px solid #CACACA; border-bottom: 1px solid #CACACA; padding: 4rem; }

.cm_box2 { height: 25.4rem; background-color: #fff; border: 1px solid #CACACA; padding: 4rem; margin-bottom: 1.6rem; }
.cm_box2.type2 { height: auto; }
.cm_box2.type3 { height: 39.2rem; }
.cm_box2.type4 { height: 16.7rem; }
.cm_box2 .box_inner { height: 100%; padding-right: 1rem; overflow-y: auto; }
.cm_box2 .text { width: 100%; font-size: 1.9rem; }
.cm_box2 .text2 { font-size: 1.9rem; margin-top: 1.2rem; }

.cm_box3 { background-color: #F7F7F7; border-radius: 4px; padding: 2.4rem; }
.cm_box3.type2 { border: 1px solid #8A8A8A; }

.cm_box4 { display: flex; gap: 1.5rem 8rem; background-color: #F7F7F7; padding: 3.2rem 4rem; margin-bottom: 4.8rem; }
.cm_box4 .txt_title { flex-shrink: 0; font-size: 600px; font-size: 2.1rem; }
.cm_box4 .info { display: flex; align-items: center; gap: 1rem 4.8rem; flex-wrap: wrap; }
.cm_box4 .info .info_txt { display: flex; align-items: center; gap: 1.2rem; font-size: 1.9rem; }
.cm_box4 .info .info_txt::before { content: ''; width: 2.4rem; height: 2.4rem; display: block; flex-shrink: 0; background-repeat: no-repeat; background-size: contain; background-position: center; }
.cm_box4 .info .info_txt.call::before { background-image: url('../../images/common/icon_call.svg'); }
.cm_box4 .info .info_txt.time::before { background-image: url('../../images/common/icon_time.svg'); }

.cm_box5 { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 2.4rem; }

.cm_box6 { background-color: #F7F7F7; padding: 4rem; }

.cm_box7 { display: flex; gap: 2rem clamp(40px, 4.1666666667vw, 80px); }

.cm_box8 { min-height: 8.8rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem 0; background-color: #00975b; border: 1px solid #000; font-size: 1.9rem; color: #FFF; text-align: center; padding: 2.4rem 3rem; }
.cm_box8::before { content: ""; width: 4rem; height: 4rem; display: block; flex-shrink: 0; background-repeat: no-repeat; background-size: contain; background-position: center; margin-right: 1.2rem; }
.cm_box8.icon1::before { background-image: url("../../images/common/icon_art_2.svg"); }
.cm_box8.icon2::before { background-image: url("../../images/common/icon_guide3.svg"); }
.cm_box8.icon3::before { background-image: url("../../images/common/icon_world2.svg"); }
.cm_box8.icon4::before { background-image: url("../../images/common/icon_community2.svg"); }
.cm_box8 .bold { font-weight: 700; font-size: 2.4rem; }

.cm_box9 { display: flex; flex-direction: column; gap: 1.2rem; }
.cm_box9 .text1 { font-weight: 700; font-size: 1.9rem; color: #00975b; }
.cm_box9 .text2 { font-size: 1.9rem; }

.cm_box10 { background-color: #EDF8F3; border: 2px solid #00975b; }
.cm_box10 .box_wrap { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 6rem 2rem; }
.cm_box10 .text1 { font-weight: 700; font-size: 2.4rem; color: #00975b; }
.cm_box10 .text2 { font-size: 1.9rem; color: #6A6A6A; }

/* *********************************** *
* result
* *********************************** */
.cm_result { min-height: 43.7rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4rem; background-color: #F7F7F7; padding: 8rem 4rem; }
.cm_result.type2 { min-height: 56rem; gap: 5.6rem; }
.cm_result.type3 { min-height: 93.5rem; gap: 5.6rem; }
.cm_result.type4 { min-height: 42.4rem; gap: 5.6rem; }
.cm_result.type5 { min-height: 78.6rem; gap: 5.6rem; }
.cm_result.type6 { min-height: 45.3rem; gap: 5.6rem; }
.cm_result.type7 { min-height: 65.9rem; gap: 5.6rem; }

.cm_result .rt_text { display: flex; flex-direction: column; align-items: center; }
.cm_result .rt_text .icon_img { width: 4.8rem; height: 4.8rem; margin-bottom: 1.2rem; }
.cm_result .rt_text .text1 { font-weight: 700; font-size: 2.8rem; line-height: 1.4; text-align: center; word-break: keep-all; margin-bottom: 2.4rem; }
.cm_result .rt_text .text1.type2 { margin-bottom: 0; }
.cm_result .rt_text .text1 .point { color: #00975b; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 4px; }
.cm_result .rt_text .text2 { font-size: 1.9rem; text-align: center;     word-break: keep-all; }
.cm_result .rt_btn { display: flex; justify-content: center; word-break: keep-all; align-items: center; gap: 1.2rem; }
.cm_result .rt_input { width: 56rem; max-width: 100%; display: flex; flex-direction: column; gap: 3.6rem; background-color: #fff; border: 1px solid #CACACA; padding: 4rem; }
.cm_result .rt_input.type2 { gap: 2.4rem; }
.cm_result .rt_input .input_wrap { display: flex; flex-direction: column; }
.cm_result .rt_input .input_title { display: flex; align-items: center; gap: 0.8rem; font-weight: 700; font-size: 1.9rem; margin-bottom: 1.6rem; }
.cm_result .rt_input .input_title::after { content: '*'; color: #00975b; }
.cm_result .rt_input .input_content { display: flex; flex-direction: column; gap: 1.2rem; }
.cm_result .rt_input .input_title.type2::after { display: none; }

/* *********************************** *
* tab
* *********************************** */
.cm_tab_scroll { width: 100%; overflow-x: auto; margin-bottom: 6.4rem; }
.cm_tab_scroll.type2 { width: fit-content; margin-bottom: 0; }
.cm_tab_scroll.type3 { margin-bottom: 0; }
.cm_tab_scroll.fixed { position: sticky; background-color: #fff; z-index: 100; }

.cm_tab1 { width: 100%; margin-bottom: 4.8rem; }
.cm_tab1 .tab_list { width: 100%; display: flex; flex-wrap: nowrap; }
.cm_tab1 .tab_list > li { min-height: 5.6rem; display: flex; justify-content: center; align-items: center; flex: 1 1 0; flex-shrink: 0; }
.cm_tab1 .tab_list .tab_btn { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #CACACA; text-align: center; font-size: 1.9rem; line-height: 1.4; word-break: keep-all; padding: 1.4rem 1.2rem; transition: border-color 0.2s ease, color 0.2s ease; }
.cm_tab1 .tab_list li.active .tab_btn { border-bottom: 2px solid #00975b;  font-weight: 600; color: #00975b; }
.cm_tab1 .tab_list li:hover .tab_btn { border-bottom: 2px solid #00975b; font-weight: 600; color: #00975b; }

.cm_tab2 { width: 100%; }
.cm_tab2 .tab_list { width: 100%; display: flex; gap: 0.8rem; padding: 1rem 0; }
.cm_tab2 .tab_list > li { width: fit-content; max-width: 100%; min-height: 5.6rem; display: flex; justify-content: center; align-items: center; flex-shrink: 0; }
.cm_tab2 .tab_list .tab_btn { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #000; border-radius: 99px; font-size: 1.9rem; line-height: 1.4; text-align: center; padding: 1.4rem 2.4rem; transition: all 0.2s; }
.cm_tab2 .tab_list li.active .tab_btn { background-color: #000; font-weight: 700; color: #fff; }
.cm_tab2 .tab_list li:hover .tab_btn { background-color: #000; color: #fff; }

.cm_tab3 { border-bottom: 1px solid #CACACA; }
.cm_tab3 .tab_list { width: max-content; display: flex; align-items: center; }
.cm_tab3 .tab_list > li { width: fit-content; min-height: 5.6rem; display: flex; justify-content: center; align-items: center; border-bottom: 2px solid transparent; transition: border 0.2s; }
.cm_tab3 .tab_list li.active { border-color: #00975b; }
.cm_tab3 .tab_list li:hover { border-color: #00975b; }
.cm_tab3 .tab_list .tab_btn { font-size: 1.9rem; line-height: 1.4; padding: 1rem 3.2rem; transition: color 0.2s ease; }
.cm_tab3 .tab_list li.active .tab_btn { font-weight: 700; color: #00975b; }
.cm_tab3 .tab_list li:hover .tab_btn { font-weight: 700; color: #00975b; }

.cm_tab_content { display: none; }
.cm_tab_content.active { display: block; }

.cm_tab4.type2 { margin-bottom: 6.4rem; }
.cm_tab4 .tab_list { display: flex; }
.cm_tab4 .tab_list li { flex: 1; border: 1px solid #000; border-right: 0; }
.cm_tab4 .tab_list li:last-child { border-right: 1px solid #000; }
.cm_tab4 .tab_btn { height: 100%; min-height: 5.6rem; display: flex; justify-content: center; align-items: center; gap: 1rem; background-color: #EFEFF1; font-size: 1.9rem; text-align: center; line-height: 1.4; word-break: keep-all; padding: 1.4rem 2.4rem; transition: background-color 0.2s; }
.cm_tab4 .tab_list li.active .tab_btn { background-color: #00975b; font-weight: 700; color: #fff; }
.cm_tab4 .tab_list li.active .tab_btn::before { content: ''; width: 2.4rem; height: 2.4rem; display: block; flex-shrink: 0; background: url('../../images/common/icon_check2.svg') no-repeat center / contain; }
.cm_tab4 .tab_list li:hover .tab_btn { background-color: #00975b; font-weight: 700; color: #fff; }

/* *********************************** *
* accordion
* *********************************** */
.cm_accordion .ad_wrap { display: flex; flex-direction: column; }
.cm_accordion .ad_item { width: 100%; display: flex; flex-direction: column; border-bottom: 1px solid #8A8A8A; }
.cm_accordion .ad_item:first-child { border-top: 1px solid #8A8A8A; }
.cm_accordion .ad_btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.4rem; }
.cm_accordion .ad_btn .ad_btn_con { display: flex; align-items: center; gap: 2.4rem; }
.cm_accordion .ad_btn .t_txt { max-width: 100%; width: fit-content; min-height: 4rem; flex-shrink: 0; background-color: #434343; font-weight: 600; font-size: 1.7rem; color: #fff; line-height: 1.3; padding: 0.9rem 1.6rem; }
.cm_accordion .ad_btn .q_txt { font-weight: 600; font-size: 2.1rem; text-align: left; }
.cm_accordion .ad_btn_icon::before { content: '';	width: 2.4rem; height: 2.4rem; display: block; background-image: url('../../images/common/arrow_down.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; transition: all 0.3s ease; }
.cm_accordion .ad_item.open .ad_btn_icon::before { background-image: url('../../images/common/arrow_up.svg'); }
.cm_accordion .ad_body { height: 0; overflow: hidden; transition: height 0.35s ease; }
.cm_accordion .ad_body_inner { padding: 2.4rem; }
.cm_accordion .ad_item.open .ad_body { border-top: 1px solid #8A8A8A; }

/* *********************************** *
* input
* *********************************** */
.cm_input { display: flex; flex-direction: column; gap: 2.4rem; border-top: 1px solid #CACACA; border-bottom: 1px solid #CACACA; padding: 4rem; }
.cm_input.type2 { gap: 4rem; }
.cm_input .input_group { display: flex; align-items: center; justify-content: space-between; gap: 4rem; flex-wrap: wrap; }
.cm_input .input_group.type2 { justify-content: unset; gap: 4rem 8rem; }
.cm_input .input_wrap { display: flex; align-items: baseline; gap: 2.4rem; }
.cm_input .input_wrap.type2 { flex: unset; }
.cm_input .input_wrap.start { align-items: flex-start; }
.cm_input .input_wrap.start .input_title  { padding-top: 1.5rem; }
.cm_input .input_title { width: 16rem; display: flex; flex-shrink: 0; align-items: center; gap: 0.8rem; font-weight: 700; font-size: 1.9rem; }
.cm_input .input_title.remark::after { content: '*'; color: #00975b; }
.cm_input .input_text { font-size: 1.9rem; }
.cm_input .input_text.type2 { width: 100%; min-width: 32rem; }
.cm_input .input_in { min-width: 0; display: flex; flex-direction: column; gap: 0.8rem; }
.cm_input .input_in_in { width: 100%; display: flex; align-items: center; gap: 0.8rem; }
.cm_input .input_in_in.type2 { gap: 0.8rem 2rem; flex-wrap: wrap; }
.cm_input .input_in_in.type3 { min-width: 0; gap: 1rem 1.6rem; }
.cm_input .input_in_in.type4 { min-width: 0; gap: 1rem 0.8rem; }
.cm_input .place_in { min-width: 0; display: flex; align-items: center; gap: 1rem 0.8rem; }

/* *********************************** *
* step
* *********************************** */
.cm_step { width: 106.67rem; max-width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; }
.cm_step .step_item { display: flex; flex-direction: column; align-items: center; flex: 1; position: relative; text-align: center; gap: 0.8rem; }
.cm_step .step_item::after { content: ''; width: 75%; height: 1px; background-color: #CACACA; position: absolute; top: 1.8rem; left: 62%; }
.cm_step .step_item:last-child::after { display: none; }
.cm_step .step_item.completed::after { background-color: #000; }
.cm_step .step_dot { width: 3.6rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; position: relative; background-color: #fff; border: 1px solid #CACACA; border-radius: 50%; z-index: 2; transition: all 0.3s ease; }
.cm_step .step_dot::before { content: ''; aspect-ratio: 1 / 1; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-position: center; background-size: contain; background-repeat: no-repeat; border-radius: 50%; }
.cm_step .step_item.active .step_dot { border-color: #00975b; }
.cm_step .step_item.active .step_dot::before { width: 1.2rem; background-color: #00975b; }
.cm_step .step_item.completed .step_dot { background-color: #000; border-color: #000; }
.cm_step .step_item.completed .step_dot::before { width: 2rem; background-image: url('../../images/common/icon_check2.svg'); }
.cm_step .step_content { display: flex; flex-direction: column; align-items: center; font-size: 1.7rem; }
.cm_step .step_number { color: #434343; }
.cm_step .step_title { white-space: nowrap; }
.cm_step .step_item.active .step_title { font-weight: 700; color: #00975b; }
.cm_step .step_item.completed .step_title { font-weight: 700; color: #000; }

/* *********************************** *
* place
* *********************************** */
.cm_place { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem 6.4rem; margin-bottom: 6.4rem; }

.cm_place2 { display: flex; flex-direction: column; gap: 6.4rem; }
.cm_place3 { display: flex; flex-direction: column; gap: 5.6rem; }
.cm_place4 { display: flex; flex-direction: column; gap: 4.8rem; }
.cm_place5 { display: flex; flex-direction: column; gap: 2.4rem; }
.cm_place6 { display: flex; flex-direction: column; gap: 3.2rem; }
.cm_place7 { display: flex; flex-direction: column; gap: 12rem; }
.cm_place8 { display: flex; flex-direction: column; gap: 10rem; }
.cm_place9 { display: flex; flex-direction: column; gap: 4rem; }

/* *********************************** *
* editor
* *********************************** */
.cm_editor { min-height: 64rem; }

/* *********************************** *
* margin
* *********************************** */
.cm_margin1 { margin-top: 1.6rem; }
.cm_margin2 { margin-top: 1.2rem; }
.cm_margin3 { margin-bottom: 1.2rem; }

/* *********************************** *
* map
* *********************************** */
.cm_map .map_in { width: 100%; position: relative; aspect-ratio: 953 / 400; }
.cm_map .map_in.type2 { aspect-ratio: 1440 / 570; }
.cm_map .map_con { width: 100%; height: 100%; }
.cm_map .root_daum_roughmap .cont { display: none; }
.cm_map .root_daum_roughmap .wrap_map { height: 100%; }
.cm_map .map_marker { width: 5.1rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; }

/* *********************************** *
* image
* *********************************** */
.cm_image_area { display: flex; flex-direction: column; gap: 1rem; }

.cm_image_box { width: 100%; aspect-ratio: 1440 / 200; overflow: hidden; }
.cm_image_box2 { display: flex; align-items: center; gap: clamp(10px, 1.2500000000vw, 24px); }

.cm_image_wrap { flex: 1; min-width: 0; border: 1px solid #000; }

.cm_image { width: 100%; height: 100%; object-fit: cover; }
.cm_image2 { width: 22rem; max-width: 100%; }

/* *********************************** *
* hr
* *********************************** */
.cm_hr1 { width: 100%; height: 5px; border: 0; background-image: radial-gradient(circle, #AF9D60 40%, transparent 45%); background-size: 11px 5px; background-repeat: repeat-x; background-position: center; margin: 0; }
.cm_hr2 { width: 100%; height: clamp(24px, 2.5000000000vw, 48px); background-color: #F3F0E7; border: 0; color: unset; margin: 0; }
.cm_hr2.mt_14 { margin-top: clamp(7px, 0.7291666667vw, 14px); }

/* *********************************** *
* 반응형
* *********************************** */
@media all and (max-width: 1800px){
	/* *********************************** *
	* overview
	* *********************************** */
	.cm_overview11 .ovw_wrap { gap: 8rem; }
	.cm_overview11 .ovw_in::after { width: 8rem; right: -8rem; }

	.cm_overview22 .ovw_wrap { gap: 5rem; }
	.cm_overview22 .ovw_in::after { width: 5rem; right: -5rem; }
}

@media all and (max-width: 1600px){
	/* *********************************** *
	* overview
	* *********************************** */
	.cm_overview1 .ovw_list li { width:calc((100% - 2.4rem) / 2); }

	.cm_overview2 .ovw_image { width: 37.5rem; }
	.cm_overview2 .ovw_image.type2 { width: 27.4rem; }

	.cm_overview4 .dt_info2 { border-radius: 20px; padding: 2rem 3rem; }

	.cm_overview5 .ovw_info2 { border-radius: 20px; padding: 2rem 3rem; }
	
	.cm_overview11 .ovw_wrap { gap: 5rem; }
	.cm_overview11 .ovw_in::after { width: 5rem; right: -5rem; }
	
	.cm_overview22 .ovw_wrap { gap: 3rem; }
	.cm_overview22 .ovw_in::after { width: 3rem; right: -3rem; }
}

@media all and (max-width: 1500px){
	/* *********************************** *
	* overview
	* *********************************** */
	.cm_overview3 { flex-wrap: wrap; }
	.cm_overview3 .ovw_wrap.class { width: 100%; flex: unset; border-bottom: 0; }
	.cm_overview3 .ovw_wrap.step1 {  border-left: 1px solid #CACACA; }
	.cm_overview3 .ovw_wrap > .cm_information { height: unset; display: flex; gap: 3rem; }
	
	.cm_overview16 .ovw_box { width: calc(50% - 1.2rem); }

	/* *********************************** *
	* information
	* *********************************** */
	.cm_information .img_box { width: 45rem; }
}

@media all and (max-width: 1400px){
	/* *********************************** *
	* overview
	* *********************************** */
	.cm_overview2 .ovw_content { gap: 3rem; }
	.cm_overview2 .details_txts .details_text.title { min-width: 8rem; }
	.cm_overview2 .details_txts .details_text.title.type2 { min-width: 10rem; }

	.cm_overview10 .content { flex-direction: column; gap: 3rem; padding: 6rem 2rem; }
	.cm_overview10 .content.padding2 { padding: 6rem 2rem; }
	.cm_overview10 .content.gap2 { gap: 3rem; }

	.cm_overview10 .image { width: 40rem; position: unset; }
	.cm_overview10 .image.place2 { transform: unset; }
	.cm_overview10 .image.place3 { transform: unset; }
	.cm_overview10 .texts { width: 100%; margin-left: 0; }

	.cm_overview11 .ovw_wrap { gap: 3rem; }
	.cm_overview11 .ovw_in::after { width: 3rem; right: -3rem; }
	
	.cm_overview12 .ovw_wrap { flex-direction: column; gap: 0; }
	.cm_overview12 .info_box { width: 100%; padding: 3rem 2rem; }

	.cm_overview15 .ovw_wrap { gap: 5rem; }
	.cm_overview15 .ovw_box::after { width: 5rem; right: -5rem; }

	.cm_overview19 .ovw_wrap { flex-direction: column; gap: 2rem; }
	.cm_overview19 .ovw_box { border-right: 1px solid #000; }
	
	.cm_overview22 .ovw_wrap { gap: 2rem; }
	.cm_overview22 .ovw_in::after { width: 2rem; right: -2rem; }

	/* *********************************** *
	* information
	* *********************************** */
	.cm_information5 .info_text .mb_none { display: none; }


	/* *********************************** *
	* tab
	* *********************************** */
	.cm_tab1 .tab_list { flex-wrap: wrap; }
	.cm_tab1 .tab_list > li { flex: 0 0 calc(100% / 3); }
}

@media all and (max-width: 1280px){
	#container { margin-top: 165px; margin-left: 1rem; margin-right: 1rem; }
	.inner { max-width: calc(1440px + 3rem * 2); padding-right: 3rem; padding-left: 3rem; }

	/* *********************************** *
	* overview
	* *********************************** */
	.cm_overview1 .ovw_box { padding: 2.6rem; }

	.cm_overview2 .ovw_box { padding: 2.6rem; }
	.cm_overview2 .ovw_image { width: 35.5rem; }
	.cm_overview2 .ovw_image.type2 { width: 25.4rem; }
	.cm_overview2 .reservation_btn { position: unset; margin-right: 2.6rem; margin-bottom: 2.6rem; float: right; }

	.cm_overview4 { flex-direction: column; gap: 3rem; }
	.cm_overview4 .ovw_image { width: 40rem; margin: 0 auto; }

	.cm_overview5 .info2_texts { gap: 1rem 5rem; }
	.cm_overview5 .info2_in::before { right: -2.5rem; }

	.cm_overview6 { gap: 1.6rem; }
	.cm_overview6 .ovw6_box .title { font-size: 2.4rem; }

	.cm_overview11 .ovw_wrap { gap: clamp(20px, 6.2500000000vw, 80px); }
	.cm_overview11 .ovw_in::after { width: clamp(20px, 6.2500000000vw, 80px); right: clamp(-80px, -6.2500000000vw, -20px); }

	.cm_overview12 .info_box { padding: 3rem 2rem; }

	.cm_overview13 .process_box { gap: 3rem 2rem; padding: 5rem 6rem; }
	.cm_overview13 .pc_in { gap: 2rem; }
	.cm_overview13 .pc_dot .dot:nth-child(6) { display: none; }
	.cm_overview13 .pc_dot .dot:nth-child(5) { display: none; }

	.cm_overview14 .ovw_wrap { gap: 6rem; padding: 4rem 3rem; }

	.cm_overview15 .ovw_wrap { padding: 6rem 3rem; }

	.cm_overview22 .ovw_wrap { gap: clamp(20px, 6.2500000000vw, 80px); }
	.cm_overview22 .ovw_in::after { width: clamp(20px, 6.2500000000vw, 80px); right: clamp(-80px, -6.2500000000vw, -20px); }
}

@media all and (max-width: 1080px){
	/* *********************************** *
	* input
	* *********************************** */
	.cm_input .input_group { flex-direction: column; align-items: flex-start; }
}

@media all and (max-width: 1024px){
	/* *********************************** *
	* common
	* *********************************** */
	.inner { max-width: calc(1440px + 16px * 2); padding-right: 16px; padding-left: 16px; }

	/* *********************************** *
	* overview
	* *********************************** */
	.cm_overview3 .ovw_wrap.step1 { width: 100%; flex: unset; border-right: 1px solid #CACACA; border-bottom: 0; }
	.cm_overview3 .ovw_wrap.step2 { width: 100%; flex: unset; }

	.cm_overview10 .ovw10_in { width: 100%; flex-direction: column; }
	.cm_overview10 .ovw10_in .image { margin: 0 auto; }

	.cm_overview11 .ovw_wrap { gap: 6rem; }
	.cm_overview11 .ovw_in::after { width: 6rem; right: -6rem; }

	.cm_overview22 .ovw_wrap { gap: 6rem; }
	.cm_overview22 .ovw_in::after { width: 6rem; right: -6rem; }

	/* *********************************** *
	* information
	* *********************************** */
	.cm_information2 { gap: 3rem; }
	.cm_information2 .info_txt.title { width: 13rem; }
	
	/* *********************************** *
	* box
	* *********************************** */
	.cm_box1 { padding: 2.5rem; }
	.cm_box2 { padding: 2.5rem; }
	.cm_box2 .box_inner { padding-right: 1rem; }
	.cm_box3 { padding: 2rem; }
}

@media all and (max-width: 900px){
	/* *********************************** *
	* overview
	* *********************************** */
	.cm_overview11 .ovw_wrap { gap: clamp(16px, 2.6666666667vw, 24px); }
	.cm_overview11 .ovw_in::after { width: clamp(16px, 2.6666666667vw, 24px); right: clamp(-24px, -2.6666666667vw, -16px); }
	
	.cm_overview22 .ovw_wrap { gap: clamp(16px, 2.6666666667vw, 24px); }
	.cm_overview22 .ovw_in::after { width: clamp(16px, 2.6666666667vw, 24px); right: clamp(-24px, -2.6666666667vw, -16px); }
}

@media all and (max-width: 768px){
	/* *********************************** *
	* page head
	* *********************************** */
	.cm_head_title .ht_txt { font-size: 4.5rem; }

	/* *********************************** *
	* search
	* *********************************** */
	.cm_search { width: 100%; }
	.cm_search .search_wrap { width: 100%; }

	/* *********************************** *
	* form
	* *********************************** */
	.form_control.datepicker { width: 100%; }
	.form_control.input_text { width: 100%; min-width: 0; flex: 1; }
	.form_control.search_select { width: 100%; margin-right: 0; }
	.form_control.type4 { width: 100%; }
	.form_control.type5 { width: 100%; }
	.form_control.type5.sm { width: 100%; }
	.form_control.type5.sm2 { width: 100%; }
	.form_control.type5.sm3 { width: 100%; }
	.form_control.type5.sm4 { width: 100%; }
	.form_control.type5.sm5 { width: 100%; }
	.form_control.type5.sm6 { min-width: unset; width: 100%; }
	.form_control.type5.sm7 { min-width: unset; width: 100%; }
	.form_control.type5.sm8 { min-width: unset; width: 100%; }
	.form_control.type6 { width: 100%; }

	/* *********************************** *
	* button
	* *********************************** */
	.cm_list_btn { margin-top: 4rem; }

	/* *********************************** *
	* table
	* *********************************** */
	.cm_table table { display: block; }
	.cm_table thead { display: none; }
	.cm_table tbody { width: 100%; display: block; }
	.cm_table td { height: auto; display: flex; align-items: center; font-size: 14px; padding: 0; }
	.cm_table.type2 td { height: auto; }
	.cm_table.type3 td { height: auto; }
	.cm_table.type4 td { height: auto; }
	.cm_table tr { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; padding: 1.5rem 0; }
	.cm_table td.subject { width: 100%; font-weight: 600; font-size: 16px; }
	.cm_table td.group { width: 100%; font-weight: 600; font-size: 15px; color: #434343; text-align: left; }
	.cm_table td::before { content: attr(data-th) " :"; white-space: nowrap; margin-right: 5px; }
	.cm_table td.mb_none::before { display: none; }
	.cm_table td .pay { gap: 0.1rem; }
	.cm_table td .date { text-align: left; }
	.cm_table td .thumbnail { width: 55rem; max-width: 100%; margin: 0 auto; }

	.cm_table2 tbody td { padding: 1.6rem; }
	.cm_table2.padding1 tbody td { padding: 1.6rem; }

	/* *********************************** *
	* board
	* *********************************** */
	.cm_board .bd_head .bdh_inner { padding: 2.5rem; }
	.cm_board .bd_content { padding: 2.5rem; }
	.cm_paging2 .page_control { gap: 1.5rem; padding: 2.5rem 1.2rem; }
	.cm_paging2 .page_control::before { width: 4.5rem; height: 4.5rem; background-size: 2.2rem; }
	.cm_board .reply_box { padding: 2.5rem; }
	.cm_board .reply_box.type2 { padding: 2.5rem; }
	.cm_board .bd_wait .wait_info { flex-wrap: wrap; gap: 1rem 3rem; padding: 2.4rem 2.5rem; }

	/* *********************************** *
	* paging
	* *********************************** */
	.cm_paging .paging_wrap { gap: 2px; }
	.cm_paging .page_control { width: 20px; height: 20px; }
	.cm_paging .paging_page { gap: 2px; }
	.cm_paging .paging_page .page_link { width: 22px; height: 22px; font-size: 9px; }

	/* *********************************** *
	* overview
	* *********************************** */
	.cm_overview4 .ovw_image { width: 60rem; }
	.cm_overview4 .dt_info { gap: 1.5rem 2rem; padding: 3rem; }
	.cm_overview4 .dt_info .dt_info_wrap { gap: 1.5rem; }
	.cm_overview4 .dt_info2 { flex-direction: column; align-items: flex-start; gap: 2rem; border-radius: 15px; padding: 2rem 3rem; }
	.cm_overview4 .dt_info2_texts { flex-direction: column; align-items: flex-start; }
	.cm_overview4 .dt_info2_in::after { display: none; }
	.cm_overview4 .dt_info2_txt.subject { min-width: 9.5rem; }

	.cm_overview5 { padding: 3rem; }
	.cm_overview5 .ovw_info1 { flex-direction: column; gap: 1.5rem; padding: 3rem; }
	.cm_overview5 .info1_wrap { gap: 1.5rem; }
	.cm_overview5 .ovw_info2 { flex-direction: column; align-items: flex-start; gap: 2rem; border-radius: 15px; }
	.cm_overview5 .info2_texts { flex-direction: column; align-items: flex-start; }
	.cm_overview5 .info2_in::before { display: none; }
	.cm_overview5 .info2_txt.subject { min-width: 10.5rem; }

	.cm_overview6 { grid-template-columns: repeat(1, 1fr); }
	.cm_overview6 .ovw6_box { padding: 2.4rem; gap: 1.2rem; }
	
	.cm_overview9 .ovw_list li { width: 100%; padding: 2.5rem; }

	.cm_overview11 .ovw_wrap { flex-direction: column; gap: 4rem; }
	.cm_overview11 .ovw_in::after { width: 4rem; right: 50%; top: unset; bottom: -2.2rem; transform: translateX(50%) rotate(90deg); }
	
	.cm_overview13 .pc_con .text { font-size: 2.2rem; }
	.cm_overview13 .pc_dot { gap: 0.6rem; }
	.cm_overview13 .pc_dot .dot:nth-child(4) { display: none; }

	.cm_overview15 .ovw_wrap { flex-direction: column; gap: 4rem; }
	.cm_overview15 .ovw_box::after { width: 4rem; right: 50%; top: unset; bottom: -2.2rem; transform: translateX(50%) rotate(90deg); }

	.cm_overview17 .ovw_box { padding: 3rem; }

	.cm_overview18 .ovw_wrap { padding: 6rem 3rem; }
	.cm_overview18 .ovw_text br.mb_none { display: none; }

	.cm_overview20 .ovw_box { flex-direction: column; gap: 2rem; padding: 4rem 0; }

	.cm_overview21 .ovw_box { flex-direction: column; padding: 2.5rem; }
	.cm_overview21 .ovw_title { width: 100%; }
	.cm_overview21 .ovw_info3 { margin-top: 0.5rem; }

	.cm_overview22 .ovw_wrap { flex-direction: column; gap: 4rem; }
	.cm_overview22 .ovw_in { width: 30rem; height: 30rem; }
	.cm_overview22 .ovw_in::after { width: 4rem; right: 50%; top: unset; bottom: -2.2rem; transform: translateX(50%) rotate(90deg); }

	.cm_overview23 .ovw_wrap { flex-direction: column; }
	.cm_overview23 .ovw_box.flex_type2 { width: 100%; }
	.cm_overview23 .ovw_box.arrow { flex-direction: column; }
	.cm_overview23 .ovw_box.arrow::after { transform: rotate(90deg); }
	.cm_overview23 .ovw_box.box1 { width: 100%; border-radius: 2rem; padding: 6rem 4rem; }

	.cm_overview24 .ovw_box3 { grid-template-columns: repeat(2, 1fr); }
	.cm_overview24 .ovw_content3 { border-radius: 2rem; }

	/* *********************************** *
	* information
	* *********************************** */
	.cm_information3 { padding: 2.5rem; }
	.cm_information5.padding2 { padding: 3rem; }
	.cm_information3 .info_head { padding-bottom: 3rem; }
	.cm_information3 .info_con { padding-top: 3rem; }
	.cm_information3 .info_con .info_con_wrap { flex-direction: column; gap: 2rem; }
	.cm_information3 .info_con .info_cw_box { gap: 2rem; }
	.cm_information3 .info_btn_wrap { width: 100%; display: flex; justify-content: flex-end; }
	.cm_information3 .details_btn { width: fit-content; }

	.cm_information4 .info_inner { padding: 2.7rem 2.5rem; }

	.cm_information5 .info_inner { padding: 2.5rem; }

	.cm_information6 .info_inner { flex-direction: column; align-items: flex-start; gap: 1.5rem; padding: 2.5rem; }

	.cm_information7 .info_wrap { flex-direction: column; padding: 3rem; }
	.cm_information7 .info_center { padding: 2.5rem; }

	.cm_information8 .info_wrap { gap: 4rem; padding: 3rem; }
	.cm_information8 .info_box { flex-direction: column; gap: 0.8rem; }
	.cm_information8 .info_content { width: 100%; height: fit-content; padding: 2rem 2.5rem; }

	.cm_information9 .info_wrap { padding: 2.6rem 3rem; }

	/* *********************************** *
	* checkbox
	* *********************************** */
	.cm_chk2 .chk_label { font-size: 1.9rem; }
	.cm_chk2 .chk_label::before { width: 2.7rem; height: 2.7rem; background-size: 1.4rem; }

	/* *********************************** *
	* box
	* *********************************** */
	.cm_box_area1 { flex-direction: column; }
	
	.cm_box4 { padding: 3rem; }

	.cm_box7 { flex-direction: column; }

	/* *********************************** *
	* result
	* *********************************** */
	.cm_result { padding: 6rem 3rem; }
	.cm_result .rt_text .text1 { font-size: 2.6rem; }
	.cm_result .rt_text .text1 .point { text-decoration-thickness: 2px; }
	.cm_result .rt_input { padding: 3rem; }

	/* *********************************** *
	* tab
	* *********************************** */
	.cm_tab_scroll.type2 { width: 100%; }

	.cm_tab4 .tab_list { flex-direction: column; }
	.cm_tab4 .tab_list li { border-right: 1px solid #000; border-bottom: 0; }
	.cm_tab4 .tab_list li:last-child { border-bottom: 1px solid #000; }

	/* *********************************** *
	* accordion
	* *********************************** */
	.cm_accordion .ad_btn { padding: 2rem; }
	.cm_accordion .ad_btn .ad_btn_con { gap: 1.2rem; }
	.cm_accordion .ad_body_inner { padding: 2rem; }

	/* *********************************** *
	* input
	* *********************************** */
	.cm_input { padding: 2.5rem; }
	.cm_input.type2 { gap: 3rem; }
	.cm_input .input_title { width: 15rem; }
	.cm_input .input_group { gap: 3rem; }
	.cm_input .input_group.type2 { gap: 3rem 8rem; }
	.cm_input .input_wrap { width: 100%;}
	.cm_input .input_wrap.type2 { width: 100%; }
	.cm_input .input_in { width: 100%; }
}

@media all and (max-width: 700px){
	/* *********************************** *
	* overview
	* *********************************** */
	.cm_overview1 .ovw_image { width: 60rem; margin: 0 auto; }
	.cm_overview1 .ovw_list li { width: 100%; }
  .cm_overview1 .ovw_box { padding: 2rem; }

	.cm_overview2 .ovw_content { flex-direction: column; gap: 3rem; }
  .cm_overview2 .ovw_image { width: 60rem; margin: 0 auto; }
	.cm_overview2 .ovw_image.type2 { width: 60rem; margin: 0 auto; }
	.cm_overview2 .title_txt { margin-bottom: 2.5rem; }
	.cm_overview2 .details_txts .details_text.title { min-width: 7rem; }

	.cm_overview3 .ovw_wrap > .cm_information { flex-direction: column; gap: 2rem; }
	
	/* *********************************** *
	* information
	* *********************************** */
	.cm_information .img_box { width: 60rem; margin: 0 auto; }
}

@media all and (max-width: 600px){
	/* *********************************** *
	* step
	* *********************************** */
	.cm_step .step_item::after { width: 65%; left: 68%; }
}

@media all and (max-width: 500px){
	/* *********************************** *
	* overview
	* *********************************** */
	.cm_overview9 .info_wrap { flex-direction: column; }

	.cm_overview10 .image { width: 100%; }
	.cm_overview10 .image.type2 { width: 100%; }
	.cm_overview10 .image.type3 { width: 100%; }

	.cm_overview13 .process_box { gap: 3rem 1.5rem; padding: 5rem 3rem; }
	.cm_overview13 .pc_in { gap: 1.5rem; }
	
	.cm_overview14 .ovw_wrap { flex-direction: column; gap: 2rem; padding: 3rem 2rem; }

	.cm_overview16 .ovw_box { width: 100%; padding: 2.5rem; }

	.cm_overview17 .ovw_box { width: 100%; }

	.cm_overview21 .ovw_in { gap: 1rem 1.5rem; }

	.cm_overview23 .ovw_box.box1 { flex-direction: column; }
	.cm_overview23 .ovw_txt.plus { flex-direction: column; }

	/* *********************************** *
	* information
	* *********************************** */
	.cm_information2 .info_box { flex-direction: column; gap: 1.2rem; }
	.cm_information2 .info_txt.title { width: fit-content; }
	.cm_information2 .info_box.type2 { align-items: center;
  align-items: flex-start; }

	/* *********************************** *
	* box
	* *********************************** */
	.cm_box4 { flex-direction: column; }

	/* *********************************** *
	* accordion
	* *********************************** */
	.cm_accordion .ad_btn .ad_btn_con { flex-direction: column; align-items: flex-start; gap: 1rem; }

	/* *********************************** *
	* input
	* *********************************** */
	.cm_input .input_wrap { flex-direction: column; align-items: flex-start; gap: 1rem; }
	.cm_input .input_wrap.start .input_title { padding-top: 0; }
	.cm_input .input_title { width: 100%; }
	.cm_input .input_in_in.type3 { flex-wrap: wrap; }
	.cm_input .input_in_in.type4 { justify-content: center; flex-wrap: wrap; }
	.cm_input .place_in { width: 100%; }

	/* *********************************** *
	* image
	* *********************************** */
	.cm_image_box2 { flex-direction: column; }
}

@media all and (max-width: 450px){
	/* *********************************** *
	* step
	* *********************************** */
	.cm_step .step_item::after { width: 55%; left: 73%; }
}