@charset "UTF-8";
/****************************************/
/*  Name : ������Ʈ��
/*  PART : common style
/****************************************/
:root {
	--default_font_size: 10px;
	--font_size11: 1.1rem;
	--font_size12: 1.2rem;
	--font_size13: 1.3rem;
	--font_size14: 1.4rem;
	--font_size15: 1.5rem;
	--font_size16: 1.6rem;
	--font_size17: 1.7rem;
	--font_size18: 1.8rem;
	--font_size19: 1.9rem;
	--font_size20: 2rem;
	--font_size21: 2.1rem;
	--font_size22: 2.2rem;
	--font_size23: 2.3rem;
	--font_size24: 2.4rem;
	--font_size25: 2.5rem;
	--font_size26: 2.6rem;
	--font_size27: 2.7rem;
	--font_size28: 2.8rem;
	--font_size29: 2.9rem;
	--font_size30: 3rem;
	--font_size31: 3.1rem;
	--font_size32: 3.2rem;
	--font_size33: 3.3rem;
	--font_size34: 3.4rem;
	--font_size35: 3.5rem;
	--font_size36: 3.6rem;
	--font_size37: 3.7rem;
	--font_size38: 3.8rem;
	--font_size39: 3.9rem;
	--font_size40: 4rem;
	--color1: #000;
	--color2: #232323;
	--color3: #333;
	--color4: #454545;
	--color5: #666;
	--color6: #767676;
	--color7: #8e8e90;
	--color8: #989898;
	--color9: #999;
	--color10: #ddd;
	--color11: #eee;
	--color12: #efefef;
	--color13: #f5f5f5;
	--color14: #fefefe;
	--color15: #fff;
	--cm_color1: #1b962f;
}

/* **************************************************************************************** *
* Pretendard
* **************************************************************************************** */
@font-face {
	font-style: normal;
	font-weight: 100;
	src: url("../fonts/Pretendard-Thin.subset.woff2") format("woff2");
	font-family: "Pretendard";
}
@font-face {
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/Pretendard-Light.subset.woff2") format("woff2");
	font-family: "Pretendard";
}
@font-face {
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/Pretendard-Regular.subset.woff2") format("woff2");
	font-family: "Pretendard";
}
@font-face {
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/Pretendard-Medium.subset.woff2") format("woff2");
	font-family: "Pretendard";
}
@font-face {
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/Pretendard-Bold.subset.woff2") format("woff2");
	font-family: "Pretendard";
}
@font-face {
	font-style: normal;
	font-weight: 900;
	src: url("../fonts/Pretendard-Black.subset.woff2") format("woff2");
	font-family: "Pretendard";
}

/* **************************************************************************************** *
* basic
* **************************************************************************************** */
::selection { background: rgba(139, 53, 175, 0.2); color: #000; }
.no-js { opacity: 0; }

/* 스크롤바 */
::-webkit-scrollbar { width: 8px; height: 10px; }
::-webkit-scrollbar-thumb { border-radius: 10px; background: #ddd; }
::-webkit-scrollbar-track { background: #f4f4f4; }
.dragscroll::-webkit-scrollbar { display: none !important; }

/* layout */
html,
body { min-width: 360px; line-height: 1.5; font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; letter-spacing: -0.5px; word-wrap: break-word; word-break: break-all; }
html { overflow: auto; overflow-x: hidden; font-size: var(--default_font_size); }
body { color: #000; font-size: 1.6rem; }

/* option layout */
.cm_option { display: flex; z-index: 2; position: relative; align-items: center; justify-content: space-between; width: 100%; }
.cm_option .op_left { flex-shrink: 0; justify-content: flex-start; text-align: left; }
.cm_option .op_right { flex-shrink: 0; justify-content: flex-end; text-align: right; }
.cm_option .btn_area { width: auto; }
.cm_option.start { align-items: flex-start; }
.cm_option.end { align-items: flex-end; }

/* **************************************************************************************** *
* keyframes
* **************************************************************************************** */
@keyframes modalFade {
	0% { transform: translate3d(0, -10%, 0); opacity: 0; }
	100% { transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes moveLeft {
	0% { transform: translate3d(10%, 0, 0); }
	100% { transform: translate3d(-10%, 0, 0); }
}

/* **************************************************************************************** *
* color
* **************************************************************************************** */
.cm_color.color1 { color: var(--cm_color1) !important; }
.cm_bg.bg1 { background: var(--cm_color1) !important; }
.cm_gradient.gradient1 { background: var(--cm_gradient1) !important; }
.cm_color.color2 { color: var(--cm_color2) !important; }
.cm_bg.bg2 { background: var(--cm_color2) !important; }
.cm_gradient.gradient2 { background: var(--cm_gradient2) !important; }
.cm_color.color3 { color: var(--cm_color3) !important; }
.cm_bg.bg3 { background: var(--cm_color3) !important; }
.cm_gradient.gradient3 { background: var(--cm_gradient3) !important; }
.cm_color.color4 { color: var(--cm_color4) !important; }
.cm_bg.bg4 { background: var(--cm_color4) !important; }
.cm_gradient.gradient4 { background: var(--cm_gradient4) !important; }
.cm_color.color5 { color: var(--cm_color5) !important; }
.cm_bg.bg5 { background: var(--cm_color5) !important; }
.cm_gradient.gradient5 { background: var(--cm_gradient5) !important; }
.cm_color.color6 { color: var(--cm_color6) !important; }
.cm_bg.bg6 { background: var(--cm_color6) !important; }
.cm_gradient.gradient6 { background: var(--cm_gradient6) !important; }
.cm_color.color7 { color: var(--cm_color7) !important; }
.cm_bg.bg7 { background: var(--cm_color7) !important; }
.cm_gradient.gradient7 { background: var(--cm_gradient7) !important; }
.cm_color.color8 { color: var(--cm_color8) !important; }
.cm_bg.bg8 { background: var(--cm_color8) !important; }
.cm_gradient.gradient8 { background: var(--cm_gradient8) !important; }
.cm_color.color9 { color: var(--cm_color9) !important; }
.cm_bg.bg9 { background: var(--cm_color9) !important; }
.cm_gradient.gradient9 { background: var(--cm_gradient9) !important; }
.cm_color.color10 { color: var(--cm_color10) !important; }
.cm_bg.bg10 { background: var(--cm_color10) !important; }
.cm_gradient.gradient10 { background: var(--cm_gradient10) !important; }
.cm_color.color11 { color: var(--cm_color11) !important; }
.cm_bg.bg11 { background: var(--cm_color11) !important; }
.cm_gradient.gradient11 { background: var(--cm_gradient11) !important; }
.cm_color.color12 { color: var(--cm_color12) !important; }
.cm_bg.bg12 { background: var(--cm_color12) !important; }
.cm_gradient.gradient12 { background: var(--cm_gradient12) !important; }
.cm_color.color13 { color: var(--cm_color13) !important; }
.cm_bg.bg13 { background: var(--cm_color13) !important; }
.cm_gradient.gradient13 { background: var(--cm_gradient13) !important; }
.cm_color.color14 { color: var(--cm_color14) !important; }
.cm_bg.bg14 { background: var(--cm_color14) !important; }
.cm_gradient.gradient14 { background: var(--cm_gradient14) !important; }
.cm_color.color15 { color: var(--cm_color15) !important; }
.cm_bg.bg15 { background: var(--cm_color15) !important; }
.cm_gradient.gradient15 { background: var(--cm_gradient15) !important; }
.mono_color1 { color: var(--color1) !important; }
.mono_bg1 { background: var(--color1) !important; }
.mono_color2 { color: var(--color2) !important; }
.mono_bg2 { background: var(--color2) !important; }
.mono_color3 { color: var(--color3) !important; }
.mono_bg3 { background: var(--color3) !important; }
.mono_color4 { color: var(--color4) !important; }
.mono_bg4 { background: var(--color4) !important; }
.mono_color5 { color: var(--color5) !important; }
.mono_bg5 { background: var(--color5) !important; }
.mono_color6 { color: var(--color6) !important; }
.mono_bg6 { background: var(--color6) !important; }
.mono_color7 { color: var(--color7) !important; }
.mono_bg7 { background: var(--color7) !important; }
.mono_color8 { color: var(--color8) !important; }
.mono_bg8 { background: var(--color8) !important; }
.mono_color9 { color: var(--color9) !important; }
.mono_bg9 { background: var(--color9) !important; }
.mono_color10 { color: var(--color10) !important; }
.mono_bg10 { background: var(--color10) !important; }
.mono_color11 { color: var(--color11) !important; }
.mono_bg11 { background: var(--color11) !important; }
.mono_color12 { color: var(--color12) !important; }
.mono_bg12 { background: var(--color12) !important; }
.mono_color13 { color: var(--color13) !important; }
.mono_bg13 { background: var(--color13) !important; }
.mono_color14 { color: var(--color14) !important; }
.mono_bg14 { background: var(--color14) !important; }
.mono_color15 { color: var(--color15) !important; }
.mono_bg15 { background: var(--color15) !important; }

/* **************************************************************************************** *
* border
* **************************************************************************************** */
/* line */
.cm_line { width: 100%; height: 5px; margin: 0; padding: 0; border: 0; background: none; }
.cm_line.line1 { background-color: #ddd; }

/* border */
.cm_border { border: 1px solid #ddd; }
.cm_border_top { border: 0; border-top: 1px solid #ddd; }
.cm_border_right { border: 0; border-right: 1px solid #ddd; }
.cm_border_btm { border: 0; border-bottom: 1px solid #ddd; }
.cm_border_left { border: 0; border-left: 1px solid #ddd; }

/* **************************************************************************************** *
* box
* **************************************************************************************** */
.cm_box { line-height: 1.6; word-break: keep-all; }
.cm_box.shadow { box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1); }
.cm_box.round { border-radius: 10px; }
.cm_box.box1 { padding: 4rem; border: 1px solid #ddd; background-color: #fff; }

/* **************************************************************************************** *
* typography
* **************************************************************************************** */
/* 공통 폰트 사이즈 */
.cm_font_size10 { font-size: var(--default_font_size) !important; }
.cm_font_size11 { font-size: var(--font_size11) !important; }
.cm_font_size12 { font-size: var(--font_size12) !important; }
.cm_font_size13 { font-size: var(--font_size13) !important; }
.cm_font_size14 { font-size: var(--font_size14) !important; }
.cm_font_size15 { font-size: var(--font_size15) !important; }
.cm_font_size16 { font-size: var(--font_size16) !important; }
.cm_font_size17 { font-size: var(--font_size17) !important; }
.cm_font_size18 { font-size: var(--font_size18) !important; }
.cm_font_size19 { font-size: var(--font_size19) !important; }
.cm_font_size20 { font-size: var(--font_size20) !important; }
.cm_font_size21 { font-size: var(--font_size21) !important; }
.cm_font_size22 { font-size: var(--font_size22) !important; }
.cm_font_size23 { font-size: var(--font_size23) !important; }
.cm_font_size24 { font-size: var(--font_size24) !important; }
.cm_font_size25 { font-size: var(--font_size25) !important; }
.cm_font_size26 { font-size: var(--font_size26) !important; }
.cm_font_size27 { font-size: var(--font_size27) !important; }
.cm_font_size28 { font-size: var(--font_size28) !important; }
.cm_font_size29 { font-size: var(--font_size29) !important; }
.cm_font_size30 { font-size: var(--font_size30) !important; }
.cm_font_size31 { font-size: var(--font_size31) !important; }
.cm_font_size32 { font-size: var(--font_size32) !important; }
.cm_font_size33 { font-size: var(--font_size33) !important; }
.cm_font_size34 { font-size: var(--font_size34) !important; }
.cm_font_size35 { font-size: var(--font_size35) !important; }
.cm_font_size36 { font-size: var(--font_size36) !important; }
.cm_font_size37 { font-size: var(--font_size37) !important; }
.cm_font_size38 { font-size: var(--font_size38) !important; }
.cm_font_size39 { font-size: var(--font_size39) !important; }
.cm_font_size40 { font-size: var(--font_size40) !important; }

/* 공통 줄간격 */
.cm_line_height1 { line-height: 1 !important; }
.cm_line_height13 { line-height: 1.3 !important; }
.cm_line_height15 { line-height: 1.5 !important; }
.cm_line_height18 { line-height: 1.8 !important; }
.cm_line_height2 { line-height: 2 !important; }

/* title */
.cm_title { font-weight: 700; word-break: keep-all; }
.cm_title.bul > span { display: flex; }
.cm_title.bul > span:before { display: block; content: ""; }
.cm_title + .title_indent { padding-left: 3.5rem; word-break: keep-all; }
.cm_title + .title_indent * { word-break: keep-all; }
.cm_title.title1 { margin-bottom: 2.5rem; font-size: 2.6rem; }
.cm_title.title2 { margin-bottom: 1.5rem; font-size: 2.2rem; }

/* text */
.cm_text.text1 { font-weight: 700; font-size: 3.8rem; line-height: 1.4; }
.text_info { display: flex; z-index: 1; position: relative; font-weight: 500; }
.text_info:before { display: block; width: 2.2rem; height: 2.2rem; margin-right: 1rem; background: url(../../images/common/icon_info01.svg) no-repeat center/contain; content: ""; }
.text_marker { z-index: 1; position: relative; font-weight: 500; }
.text_marker:after { z-index: -1; position: absolute; top: 0; right: -0.2rem; bottom: -0.2rem; left: -0.2rem; background-color: rgba(173, 228, 77, 0.4); content: ""; }
.text_marker.under:after { top: 60%; bottom: -15%; }

/* bullet text */
.cm_bullet > * { position: relative; text-align: left; }
.cm_bullet > *:last-child { margin-bottom: 0 !important; }
.cm_bullet > *:before { position: absolute; left: 0; content: ""; }
.cm_bullet > *.nobul { padding-left: 0 !important; }
.cm_bullet > *.nobul:before { display: none !important; }
.cm_bullet.nobul > * { padding-left: 0 !important; }
.cm_bullet.nobul > *:before { display: none !important; }
.cm_bullet .cm_bullet > * { font-size: 95%; line-height: 1.4; }
.cm_bullet.bullet1 > * { margin-bottom: 0.5rem; padding-left: 1.5rem; color: #444; font-size: 1.7rem; }
.cm_bullet.bullet1 > *:before { top: 0.9rem; width: 4px; height: 4px; border-radius: 100%; background: #222; }
.cm_bullet.bullet1.small > * { padding-left: 1.5rem; font-size: 1.5rem; }
.cm_bullet.bullet1.small > *:before { top: 0.8rem; }

/* split text */
.cm_split { display: flex; flex-wrap: wrap; align-items: center; margin: -0.5rem -1.5rem; color: #666; }
.cm_split.right { justify-content: flex-end; }
.cm_split.center { justify-content: center; }
.cm_split .split_item { display: inline-block; position: relative; flex-shrink: 0; padding: 0.5rem 1.5rem; line-height: 1; }
.cm_split .split_item:after { position: absolute; top: 50%; right: -1px; width: 1px; height: 1.4rem; margin-top: -0.7rem; background-color: #d6d6d6; content: ""; }
.cm_split .split_item:last-child:after { display: none; }
.cm_split.small .split_item { font-size: 1.4rem; }
.cm_split.small .split_item :after { height: 1.2rem; margin-top: -0.5rem; }

/* **************************************************************************************** *
* label
* **************************************************************************************** */
.cm_label_area { display: flex; z-index: 2; position: relative; flex-wrap: wrap; align-items: center; margin: -0.5rem; }
.cm_label_area.fixed { flex-wrap: nowrap; }
.cm_label_area.center { justify-content: center; }
.cm_label_area.right { justify-content: flex-end; }
.cm_label_area.between { justify-content: space-between; }
.cm_label_area .cm_label { margin: 0.5rem; }
.cm_label { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0.3rem 1rem; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; font-weight: 700; line-height: 1; vertical-align: middle; }

/* default */
.cm_label.label1 { border-color: var(--cm_color1); background-color: var(--cm_color1); color: #fff; }
.cm_label.label2 { border-color: #e4f6e7; background-color: #e4f6e7; color: var(--cm_color1); }

/* naming */
.cm_label.naming { padding-top: 0.4rem; font-size: 1.5rem; font-weight: 500; }
.cm_label.naming.label1 { border-color: #3b68b4; background-color: #3b68b4; color: #fff; }
.cm_label.naming.label2 { border-color: #5853b1; background-color: #5853b1; color: #fff; }
.cm_label.naming.label3 { border-color: #318ea3; background-color: #318ea3; color: #fff; }
.cm_label.naming.label4 { border-color: #61b949; background-color: #61b949; color: #fff; }

/* **************************************************************************************** *
* tag
* **************************************************************************************** */
.cm_tag { display: flex; flex-wrap: wrap; margin: 0 -1rem; }
.cm_tag .tag_item { display: flex; align-items: center; padding: 0 1rem; }
.cm_tag .tag_item :before { margin-right: 2px; content: "#"; color: #1064a5; font-weight: 500; }

/* **************************************************************************************** *
* icon
* **************************************************************************************** */
.cm_icon { display: inline-flex; position: relative; align-items: flex-start; line-height: 1.6; vertical-align: baseline; }
.cm_icon:before { display: block; flex-shrink: 0; margin-right: 1rem; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; transition: background-image 0.3s; }
.cm_icon.right { flex-direction: row-reverse; }
.cm_icon.right:before { margin-right: 0; margin-left: 1rem; }
.cm_icon.notext,
.cm_icon.notext > * { overflow: hidden; text-indent: -9999px; }
.cm_icon.notext:before { margin: 0 !important; }

/* arr */
.cm_icon.icon_arr1 { align-items: center; }
.cm_icon.icon_arr1:before { width: 3rem; min-width: calc(30px * 0.8); height: 3rem; min-height: calc(30px * 0.8); margin-top: 0rem; background-image: url(../../images/common/icon_arr01.svg); }
.cm_icon.icon_arr2 { align-items: center; }
.cm_icon.icon_arr2:before { width: 0.7rem; min-width: calc(7px * 0.8); height: 1.2rem; min-height: calc(12px * 0.8); margin-top: 0.2rem; }
.cm_icon.icon_arr2.arr_left:before { background-image: url(../../images/common/icon_arr02_left.svg); }
.cm_icon.icon_arr2.arr_right:before { background-image: url(../../images/common/icon_arr02_right.svg); }
.cm_icon.icon_arr3 { align-items: center; }
.cm_icon.icon_arr3:before { width: 2rem; min-width: calc(20px * 0.8); height: 3.8rem; min-height: calc(38px * 0.8); margin-top: 0rem; }
.cm_icon.icon_arr3.arr_left:before { background-image: url(../../images/common/icon_arr03_left.svg); }
.cm_icon.icon_arr3.arr_right:before { background-image: url(../../images/common/icon_arr03_right.svg); }
.cm_icon.icon_arr4 { align-items: center; }
.cm_icon.icon_arr4:before { width: 1.3rem; min-width: calc(13px * 0.8); height: 0.8rem; min-height: calc(8px * 0.8); margin-top: 0.5rem; }
.cm_icon.icon_arr4.arr_up:before { background-image: url(../../images/common/icon_arr04_up.svg); }
.cm_icon.icon_arr4.arr_down:before { background-image: url(../../images/common/icon_arr04_down.svg); }
.cm_icon.icon_arr5 { align-items: center; }
.cm_icon.icon_arr5:before { width: 1.3rem; min-width: calc(13px * 0.8); height: 0.8rem; min-height: calc(8px * 0.8); margin-top: 0.5rem; }
.cm_icon.icon_arr5.arr_up:before { background-image: url(../../images/common/icon_arr05_up.svg); }
.cm_icon.icon_arr5.arr_down:before { background-image: url(../../images/common/icon_arr05_down.svg); }
.cm_icon.icon_arr6 { align-items: center; }
.cm_icon.icon_arr6:before { width: 1.3rem; min-width: calc(13px * 0.8); height: 0.8rem; min-height: calc(8px * 0.8); margin-top: 0.5rem; }
.cm_icon.icon_arr6.arr_up:before { background-image: url(../../images/common/icon_arr06_up.svg); }
.cm_icon.icon_arr6.arr_down:before { background-image: url(../../images/common/icon_arr06_down.svg); }

/* 기타 아이콘 */
.cm_icon.icon_add { align-items: center; }
.cm_icon.icon_add:before { width: 1.8rem; min-width: calc(18px * 0.75); height: 2.2rem; min-height: calc(22px * 0.75); margin-top: 0 !important; background-image: url(../../images/common/icon_add.svg); }

/* **************************************************************************************** *
* button
* **************************************************************************************** */
.cm_btn_area { display: flex; z-index: 2; position: relative; flex-wrap: wrap; align-items: center; margin: -0.5rem; }
.cm_btn_area.fixed { flex-wrap: nowrap; }
.cm_btn_area.center { justify-content: center; }
.cm_btn_area.right { justify-content: flex-end; }
.cm_btn_area.between { justify-content: space-between; }
.cm_btn_area > *,
.cm_btn_area > .cm_btn { margin: 0.5rem; }
.cm_btn { display: inline-flex; position: relative; align-items: center; justify-content: center; height: 5.4rem; padding: 1rem 2rem; overflow: hidden; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; font-weight: 500; line-height: 1.4; text-align: center; vertical-align: baseline; word-break: keep-all; cursor: pointer; transition: color 0.2s, border-color 0.2s, background-color 0.2s, filter 0.2s; }
.cm_btn.btn_sm { height: 5rem; }
.cm_btn.btn_lg { height: 6.5rem; padding: 1rem 3rem; font-size: 1.7rem; }
.cm_btn.btn_circle { width: 6.5rem; height: 6.5rem; padding: 1rem; border-radius: 100%; text-indent: -9999px; }
.cm_btn.btn_round { border-radius: 100px; }
.cm_btn.btn_shadow { box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1); }
.cm_btn.btn_etc1 { height: auto !important; padding: 0 !important; border-color: transparent !important; background-color: transparent !important; }
.cm_btn.btn_etc1:hover { text-decoration: underline; }
.cm_btn.btn_min { min-width: 11rem; }
.cm_btn.btn_lg.btn_min { min-width: 18rem; }
.cm_btn.cm_icon { justify-content: space-between; }
.cm_btn.cm_icon.notext,
.cm_btn.cm_icon.notext > * { text-indent: -9999px; }
.cm_btn.cm_icon:before { margin-top: 0.1rem; margin-right: 1rem; }
.cm_btn.cm_icon.right:before { margin-right: 0; margin-left: 1rem; }
.cm_btn.btn_xs.cm_icon:before,
.cm_btn.btn_sm.cm_icon:before { margin-right: 0.8rem; }
.cm_btn.btn_xs.cm_icon.right:before,
.cm_btn.btn_sm.cm_icon.right:before { margin-right: 0; margin-left: 0.8rem; }
.cm_btn.btn_lg.cm_icon:before,
.cm_btn.btn_xl.cm_icon:before { margin-right: 1.2rem; }
.cm_btn.btn_lg.cm_icon.right:before,
.cm_btn.btn_xl.cm_icon.right:before { margin-right: 0; margin-left: 1.2rem; }
.cm_btn.btn1 { border-color: var(--cm_color1); background-color: var(--cm_color1); color: #fff; }
.cm_btn.btn2 { border-color: var(--cm_color1); background-color: #fff; color: var(--cm_color1); }
.cm_btn.btn3 { border-color: #000; background-color: #000; color: #fff; }
.cm_btn.btn4 { border-color: #333; background-color: #333; color: #fff; }
.cm_btn.btn5 { border-color: #ddd; background-color: #fff; color: #333; }

/* **************************************************************************************** *
* tab
* **************************************************************************************** */
.cm_tab_content { position: relative; }
.cm_tab_content .tab_cont { display: none; }
.cm_tab_content .tab_cont.active { display: block; }
.cm_tab { z-index: 5; position: relative; word-break: keep-all; }
.cm_tab .tab_list { display: flex; position: relative; width: 100%; }
.cm_tab .tab_list > li { position: relative; }
.cm_tab .tab_list > li > a { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; text-align: center; transition: color 0.2s, background-color 0.2s, border-color 0.2s; }

/* tab1 */
.cm_tab.tab1 .tab_list > li { margin-right: 1rem; }
.cm_tab.tab1 .tab_list > li:last-child { margin-right: 0; }
.cm_tab.tab1 .tab_list > li > a { min-height: 5rem; padding: 1rem 3rem; border: 1px solid #fff; border-radius: 10rem; background-color: #fff; font-weight: 500; font-size: 1.7rem; }
.cm_tab.tab1 .tab_list > li > a:focus-visible,
.cm_tab.tab1 .tab_list > li:hover > a { border-color: #000; text-decoration: underline; }
.cm_tab.tab1 .tab_list > li.active > a,
.cm_tab.tab1 .tab_list > li.on > a { border-color: #000; background-color: #000; color: #fff; font-weight: 700; }

/* tab2 */
.cm_tab.tab2 .tab_list { flex-wrap: wrap; }
.cm_tab.tab2 .tab_list > li { width: 25%; }
.cm_tab.tab2 .tab_list > li > a { height: 100%; min-height: 5.5rem; padding: 1rem 2rem; border: 1px solid #ddd; border-top: 0; border-right: 0; background-color: #f6f6f6; color: #444; }
.cm_tab.tab2 .tab_list > li:nth-child(-n+4) > a { border-top: 1px solid #ddd; }
.cm_tab.tab2 .tab_list > li:nth-child(4n+4) > a,
.cm_tab.tab2 .tab_list > li:last-child > a { border-right: 1px solid #ddd; }
.cm_tab.tab2 .tab_list > li:last-child > a { width: calc(100% + 1px); }
.cm_tab.tab2 .tab_list > li:nth-child(4n+4):last-child > a { width: 100%; }
.cm_tab.tab2 .tab_list > li > a:focus-visible,
.cm_tab.tab2 .tab_list > li:hover > a { background-color: #fff; color: #000; text-decoration: underline; }
.cm_tab.tab2 .tab_list > li.active > a,
.cm_tab.tab2 .tab_list > li.on > a { z-index: 2; background-color: #fff; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1); color: #000; font-weight: 700; text-decoration: underline; }
.cm_tab.tab2 .tab_list > li.active > a:after,
.cm_tab.tab2 .tab_list > li.on > a:after { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 1px solid #000; content: ""; }
.cm_tab.tab2 .tab_list > li > a:focus-visible { z-index: 3; }
.cm_tab.tab2.row3 .tab_list > li { width: 33.3333333333%; }
.cm_tab.tab2.row3 .tab_list > li:nth-child(-n+4) > a { border-top: 0; }
.cm_tab.tab2.row3 .tab_list > li:nth-child(-n+3) > a { border-top: 1px solid #ddd; }
.cm_tab.tab2.row3 .tab_list > li:nth-child(4n+4) > a { border-right: 0; }
.cm_tab.tab2.row3 .tab_list > li:nth-child(3n+3) > a,
.cm_tab.tab2.row3 .tab_list > li:last-child > a { border-right: 1px solid #ddd; }
.cm_tab.tab2.row3 .tab_list > li:last-child:nth-child(4n+4) > a { width: calc(100% + 1px); }
.cm_tab.tab2.row3 .tab_list > li:last-child:nth-child(3n+3) > a { width: 100%; }
.cm_tab.tab2.row2 .tab_list > li { width: 50%; }
.cm_tab.tab2.row2 .tab_list > li:nth-child(-n+4) > a { border-top: 0; }
.cm_tab.tab2.row2 .tab_list > li:nth-child(-n+2) > a { border-top: 1px solid #ddd; }
.cm_tab.tab2.row2 .tab_list > li:nth-child(4n+4) > a { border-right: 0; }
.cm_tab.tab2.row2 .tab_list > li:nth-child(2n+2) > a,
.cm_tab.tab2.row2 .tab_list > li:last-child > a { border-right: 1px solid #ddd; }
.cm_tab.tab2.row2 .tab_list > li:last-child:nth-child(4n+4) > a { width: calc(100% + 1px); }
.cm_tab.tab2.row2 .tab_list > li:last-child:nth-child(2n+2) > a { width: 100%; }

/* **************************************************************************************** *
* table
* **************************************************************************************** */
.cm_table { width: 100%; }
.cm_table table { width: 100%; border-top: 1px solid #000; table-layout: fixed; }
.cm_table table th { height: 5rem; padding: 1rem 1.5rem; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f5f5f5; font-weight: 500; line-height: 1.5; text-align: center; }
.cm_table table th:last-child { border-right: 0; }
.cm_table table td { height: 5rem; padding: 1rem 1.5rem; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; line-height: 1.5; text-align: center; }
.cm_table table td:last-child { border-right: 0; }
.cm_table table td.subject { font-weight: 500; text-align: left !important; }
.cm_table table td.subject > a { display: inline-block; max-width: 100%; line-height: 1.5; word-break: keep-all; }
.cm_table.auto table { table-layout: auto; }
.cm_table.center table th,
.cm_table.center table td { text-align: center; }
.cm_table.left table th,
.cm_table.left table td { text-align: left; }

/* scroll_guide */
.cm_table.scroll_guide { position: relative; }
.cm_table.scroll_guide:before { display: none; z-index: 2; position: absolute; top: 3%; left: 75%; width: 70px; height: 70px; border-radius: 100%; background: #fff; box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.2); content: ""; opacity: 0; transition: opacity 0.2s; }
.cm_table.scroll_guide:after { display: none; z-index: 3; position: absolute; top: 3%; left: 75%; width: 70px; height: 70px; transform: translate3d(10px, 0, 0); background: url(../../images/common/img_scroll.svg) no-repeat center/100%; content: "" "" ""; animation: moveLeft 1.3s infinite both; transition: opacity 0.2s; }

/* **************************************************************************************** *
* board
* **************************************************************************************** */
/* board option */
.board_option { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; }
.board_utill { display: flex; align-items: center; gap: 3rem; }
.board_utill > li { position: relative; color: #333; }
.board_utill > li > b { font-weight: 500; }
.board_utill > li:before { display: block; position: absolute; top: 50%; right: -1.5rem; width: 1px; height: 1.2rem; margin-top: -0.6rem; background-color: #ddd; content: ""; }
.board_utill > li:last-child:before { display: none; }
.board_search .search_item { display: flex; position: relative; justify-content: center; width: 100%; gap: 1rem; }
.board_search .search_label { align-self: center; font-weight: 500; }
.board_search .search_select { display: flex; position: relative; }
.board_search .search_select > select { width: 14rem; }
.board_search .search_form_wrap { display: flex; width: 28rem; }
.board_search .search_btn { display: block; flex-shrink: 0; min-width: 5.4rem; height: 5.4rem; overflow: hidden; border-radius: 5px; background: #000 url(../../images/common/icon_search01.svg) no-repeat center/2.2rem; font-size: 1px; text-indent: -9999px; }

/* board list */
.cm_board_list { position: relative; width: 100%; overflow: auto; }
.cm_board_list table { width: 100%; border-top: 1px solid #000; table-layout: fixed; }
.cm_board_list thead th { height: 6rem; padding: 1rem 1.5rem; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f5f5f5; font-weight: 500; line-height: 1.5; text-align: center; }
.cm_board_list thead th:last-child { border-right: 0; }
.cm_board_list tbody td { height: 7rem; padding: 1rem 1.5rem; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; line-height: 1.5; text-align: center; }
.cm_board_list tbody td:last-child { border-right: 0; }
.cm_board_list tbody tr.nodata td { height: 12rem; }
.cm_board_list tbody tr.nodata:hover td { background-color: inherit !important; }
.cm_board_list .notice,
.cm_board_list .notice td,
.cm_board_list .notice td { background-color: #f7f8f9; }
.cm_board_list .subject { color: #000; font-size: 1.7rem; text-align: left; }
.cm_board_list .subject > div { display: flex; position: relative; align-items: center; width: 100%; }
.cm_board_list .subject a { display: inline-block; position: relative; align-items: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
.cm_board_list .subject a:hover { color: var(--cm_color1); text-decoration: underline; }
.cm_board_list .subject .icon_new { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 2rem; height: 2rem; margin-right: 1rem; border-radius: 100%; background-color: var(--cm_color1); color: #fff; font-weight: 700; font-size: 12px; line-height: 1; }
.cm_board_list .subject .icon_new + a { max-width: calc(100% - 2.5rem); }
.cm_board_list .subject .cm_icon { flex-shrink: 0; margin-right: 1rem; }
.cm_board_list .file_area { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; }
.cm_board_list.list1 .list_body { border-top: 2px solid #000; }
.cm_board_list.list1 .list_body .list_item { border-bottom: 1px solid #ddd; }
.cm_board_list.list1 .list_body .item_box { display: flex; flex-direction: column; justify-content: center; min-height: 13rem; padding: 1.5rem 0; padding-right: 13rem; background-position: right 5rem center; background-size: 3.2rem; background-repeat: no-repeat; background-color: #fff; line-height: 1; transition: background-image 0.2s; }
.cm_board_list.list1 .list_body .item_box .item_title_area { display: flex; align-items: center; }
.cm_board_list.list1 .list_body .item_box .item_label { flex-shrink: 0; margin-right: 1rem; }
.cm_board_list.list1 .list_body .item_box .item_title { width: 100%; overflow: hidden; font-weight: 500; font-size: 2rem; text-overflow: ellipsis; white-space: nowrap; }
.cm_board_list.list1 .list_body .item_box .item_date { margin-top: 1.5rem; color: #767676; font-size: 1.8rem; }
.cm_board_list.list1 .list_body .item_box:hover,
.cm_board_list.list1 .list_body .item_box:focus-visible { background-image: url(../../images/common/icon_link01.svg); }
.cm_board_list.list1 .list_body .item_box:hover .item_title,
.cm_board_list.list1 .list_body .item_box:focus-visible .item_title { text-decoration: underline; }
.cm_board_list.list2 .list_body { display: flex; flex-wrap: wrap; padding-top: 3rem; gap: 10rem 3rem; border-top: 2px solid #000; }
.cm_board_list.list2 .list_body .list_item { width: calc((100% - 9rem) / 4); }
.cm_board_list.list2 .list_body .item_box { display: flex; flex-direction: column; width: 100%; }
.cm_board_list.list2 .list_body .item_box .item_thumb_area { display: block; position: relative; width: 100%; }
.cm_board_list.list2 .list_body .item_box .item_thumb_area .item_thumb { z-index: 1; position: relative; width: 100%; overflow: hidden; background-color: #ddd; }
.cm_board_list.list2 .list_body .item_box .item_thumb_area .item_thumb:after { display: block; width: 100%; padding-top: 75%; content: ""; }
.cm_board_list.list2 .list_body .item_box .item_thumb_area .item_thumb .img_thumb { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
.cm_board_list.list2 .list_body .item_box .item_title_area { margin-top: 2rem; }
.cm_board_list.list2 .list_body .item_box .item_date { color: #767676; font-size: 1.6rem; }
.cm_board_list.list2 .list_body .item_box .item_title { display: -webkit-box; width: 100%; height: 6rem; margin-top: 1rem; font-weight: 700; font-size: 2rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.cm_board_list.list2 .list_body .item_box:hover .item_thumb .img_thumb,
.cm_board_list.list2 .list_body .item_box:focus-visible .item_thumb .img_thumb { transform: scale(1.05) rotate(-0.001deg); }
.cm_board_list.list2 .list_body .item_box:hover .item_title,
.cm_board_list.list2 .list_body .item_box:focus-visible .item_title { text-decoration: underline; }
.cm_board_list.list3 .list_body { display: flex; flex-wrap: wrap; padding-top: 3rem; gap: 10rem 3rem; border-top: 2px solid #000; }
.cm_board_list.list3 .list_body .list_item { width: calc((100% - 9rem) / 4); }
.cm_board_list.list3 .list_body .item_box { display: flex; flex-direction: column; width: 100%; }
.cm_board_list.list3 .list_body .item_box .item_thumb_area { display: block; position: relative; width: 100%; border: 1px solid #ddd; z-index: 1; }
.cm_board_list.list3 .list_body .item_box .item_thumb_area .item_thumb { z-index: 1; position: relative; width: 100%; overflow: hidden; background-color: #fff; }
.cm_board_list.list3 .list_body .item_box .item_thumb_area .item_thumb:after { display: block; width: 100%; padding-top: 75%; content: ""; }
.cm_board_list.list3 .list_body .item_box .item_thumb_area .item_thumb .img_thumb { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: transform 0.6s; }
.cm_board_list.list3 .list_body .item_box .item_thumb_area .item_naming { position: absolute; top: 1.5rem; left: 1.5rem; z-index: 5; }
.cm_board_list.list3 .list_body .item_box .item_title_area { margin-top: 2.5rem; }
.cm_board_list.list3 .list_body .item_box .item_title { width: 100%; margin-top: 2rem; font-weight: 700; font-size: 2rem; line-height: 1.5; }
.cm_board_list.list3 .list_body .item_box .item_desc { margin-top: 1rem; color: #767676; }
.cm_board_list.list3 .list_body .item_box:hover .item_thumb .img_thumb,
.cm_board_list.list3 .list_body .item_box:focus-visible .item_thumb .img_thumb { transform: scale(1.05) rotate(-0.001deg); }
.cm_board_list.list3 .list_body .item_box:hover .item_title,
.cm_board_list.list3 .list_body .item_box:focus-visible .item_title { text-decoration: underline; }

/* board detail */
.cm_board_view { border-top: 2px solid #000; background-color: #fff; word-break: keep-all; }
.cm_board_view .board_view_head { position: relative; padding: 4rem 0; }
.cm_board_view .board_view_head .view_title_area { display: flex; }
.cm_board_view .board_view_head .view_title { font-weight: 700; font-size: 3.8rem; line-height: 1.6; word-break: break-all; }
.cm_board_view .board_view_head .view_title .cm_icon { flex-shrink: 0; margin-top: -0.5rem !important; margin-right: 0.5rem; }
.cm_board_view .board_view_head .view_info { margin-top: 2rem; }
.cm_board_view .board_view_head .view_info .split_item { color: #767676; font-size: 1.8rem; }
.cm_board_view .board_view_cont { min-height: 35rem; padding: 4rem 0; }
.cm_board_view .board_view_cont .view_swiper { position: relative; width: 100%; max-width: 75rem; margin: 0 auto; margin-top: 2rem; margin-bottom: 7rem; }
.cm_board_view .board_view_cont .view_swiper .swiper { z-index: 1; position: relative; }
.cm_board_view .board_view_cont .view_swiper .thumb_box { position: relative; width: 100%; overflow: hidden; background-color: #eee; }
.cm_board_view .board_view_cont .view_swiper .thumb_box:after { display: block; width: 100%; padding-top: 75%; content: ""; }
.cm_board_view .board_view_cont .view_swiper .thumb_box .img_thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
.cm_board_view .board_view_cont .view_swiper .swiper-btn-wrap .swiper-pagination { display: flex; position: static; justify-content: center; width: 100%; margin: 0 auto; margin-top: 3rem; gap: 1.2rem; }
.cm_board_view .board_view_cont .view_swiper .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet { width: 1.4rem; height: 1.4rem; margin: 0; border: 2px solid transparent; background-color: #ccc; opacity: 1; transition: background-color 0.2s, border-color 0.2s; }
.cm_board_view .board_view_cont .view_swiper .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet-active { border-width: 3px; border-color: var(--cm_color1); background-color: #fff; }
.cm_board_view .board_view_cont .view_swiper .swiper-btn-wrap .swiper-btn { position: absolute; top: 50%; width: 3rem; height: 3rem; margin-top: -3.5rem; background-position: center; background-size: contain; background-repeat: no-repeat; font-size: 0; opacity: 1; }
.cm_board_view .board_view_cont .view_swiper .swiper-btn-wrap .swiper-btn.swiper-prev { left: -6rem; background-image: url(../../images/common/icon_arr03_left.svg); }
.cm_board_view .board_view_cont .view_swiper .swiper-btn-wrap .swiper-btn.swiper-next { right: -6rem; background-image: url(../../images/common/icon_arr03_right.svg); }
.cm_board_view .board_view_file { padding: 2.5rem 3rem; background-color: #f7f8f9; }
.cm_board_view .board_btn_area { margin-top: 5rem; }
.cm_board_view .board_btn_area .cm_btn { min-width: 15rem; }
.cm_board_view2 { border-top: 2px solid #000; background-color: #fff; word-break: keep-all; }
.cm_board_view2 .board_view_head { position: relative; padding: 4rem 0; }
.cm_board_view2 .board_view_head .view_title_area { display: block; }
.cm_board_view2 .board_view_head .view_cate { margin-bottom: 2rem; color: var(--cm_color1); font-weight: 700; font-size: 1.8rem; }
.cm_board_view2 .board_view_head .view_title { font-weight: 700; font-size: 3.8rem; line-height: 1.6; word-break: break-all; }
.cm_board_view2 .board_view_top { display: flex; align-items: flex-start; }
.cm_board_view2 .board_view_top .view_thumb_area { flex-shrink: 0; position: relative; width: 56rem; z-index: 1; }
.cm_board_view2 .board_view_top .view_thumb_area .top_naming { position: absolute; top: 1.5rem; left: 1.5rem; z-index: 2; }
.cm_board_view2 .board_view_top .view_thumb_area .top_swiper { border: 1px solid #ddd; }
.cm_board_view2 .board_view_top .view_thumb_area .top_swiper .thumb_box { z-index: 1; position: relative; width: 100%; overflow: hidden; background-color: #fff; }
.cm_board_view2 .board_view_top .view_thumb_area .top_swiper .thumb_box:after { display: block; width: 100%; padding-top: 75%; content: ""; }
.cm_board_view2 .board_view_top .view_thumb_area .top_swiper .thumb_box .img_thumb { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: transform 0.6s; }
.cm_board_view2 .board_view_top .view_thumb_area .topThumb_swiper { margin-top: 1rem; }
.cm_board_view2 .board_view_top .view_thumb_area .topThumb_swiper .thumb_box { z-index: 1; position: relative; width: 100%; overflow: hidden; border: 1px solid #ddd; background-color: #fff; cursor: pointer; }
.cm_board_view2 .board_view_top .view_thumb_area .topThumb_swiper .thumb_box:after { display: block; width: 100%; padding-top: 75%; content: ""; }
.cm_board_view2 .board_view_top .view_thumb_area .topThumb_swiper .thumb_box .img_thumb { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: transform 0.6s; }
.cm_board_view2 .board_view_top .view_thumb_area .topThumb_swiper .swiper-slide-thumb-active .thumb_box { border: 2px solid #000; }
.cm_board_view2 .board_view_top .view_info_area { position: relative; width: 100%; padding-left: 6rem; }
.cm_board_view2 .board_view_top .view_title_area { display: block; }
.cm_board_view2 .board_view_top .view_label { margin-bottom: 2rem; }
.cm_board_view2 .board_view_top .view_title { font-weight: 700; font-size: 3.8rem; line-height: 1.6; word-break: break-all; }
.cm_board_view2 .board_view_top .view_desc { margin-top: 1.5rem; font-size: 1.8rem; line-height: 1.6; }
.cm_board_view2 .board_view_top .board_view_file { margin-top: 3rem; padding: 2.5rem 3rem; background-color: #f7f8f9; }
.cm_board_view2 .board_view_top .view_mark { display: flex; position: absolute; top: 0; right: 0; justify-content: flex-end; gap: 1.7rem; }
.cm_board_view2 .board_view_cont { min-height: 35rem; padding: 4rem 0; }
.cm_board_view2 .board_btn_area { margin-top: 5rem; }
.cm_board_view2 .board_btn_area .cm_btn { min-width: 15rem; }

/* board editor */
.cm_editor { font-size: 1.8rem; line-height: 1.6; letter-spacing: 0; word-break: break-all; }
.cm_editor * { font-size: inherit; font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif !important; }
.cm_editor pre { white-space: break-spaces; word-break: break-all; }
.cm_editor em,
.cm_editor i { font-style: italic; }
.cm_editor strong,
.cm_editor b { font-weight: bold; }
.cm_editor sup { font-size: smaller; vertical-align: super; }
.cm_editor sub { font-size: smaller; vertical-align: sub; }
.cm_editor img { max-width: 100% !important; height: auto !important; }
.cm_editor table { max-width: 100%; }
.cm_editor table th { padding: 5px; border: 1px solid #666; border-top: 0; border-right: 0; }
.cm_editor table th:last-child { border-right: 1px solid #666; }
.cm_editor table tr:first-child th { border-top: 1px solid #666; }
.cm_editor table tbody td { padding: 5px; border: 1px solid #666; border-top: 0; border-right: 0; }
.cm_editor table tbody td:last-child { border-right: 1px solid #666; }
.cm_editor table tbody tr:first-child td { border-top: 1px solid #666; }
.cm_editor .marker { background-color: Yellow; }

/* cm_board_write */
.cm_board_write { padding: 6rem; border-top: 2px solid #000; border-bottom: 1px solid #ddd; background-color: #fff; }
.cm_board_write > .form_group + .form_group { margin-top: 4rem; }

/* **************************************************************************************** *
* form
* **************************************************************************************** */
/* cm_form_area */
.cm_form_area { padding: 6rem; border: 1px solid var(--cm_color1); border-radius: 30px; background-color: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.cm_form_area > .form_group + .form_group { margin-top: 4rem; }

/* form_group */
.form_group { display: flex; flex-wrap: wrap; margin: 0 -3rem; }
.form_group > .col,
.form_group > [class^=col-] { padding-right: 3rem; padding-left: 3rem; }
.form_group.type2 { margin: 0 -0.5rem; }
.form_group.type2 > .col,
.form_group.type2 > [class^=col-] { padding-right: 0.5rem; padding-left: 0.5rem; }
.form_group .col-text { align-self: center; text-align: center; }
.form_group.between { justify-content: space-between !important; }
.form_group.end { justify-content: flex-end !important; }
.form_group.noCols { margin: 0 !important; }
.form_group.fixed { flex-wrap: nowrap; }
.form_group.fixed .col,
.form_group.fixed [class^=col-] { flex-shrink: 1; }

/* form_label */
.form_label { display: inline-flex; flex-shrink: 0; align-items: center; align-self: center; width: 100%; font-weight: 700; font-size: 1.7rem; vertical-align: baseline; }

/* form_control */
.form_control { width: 100%; height: 5.4rem; padding: 0 1.5rem; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; }
.form_control::placeholder { color: var(--color7); }

textarea.form_control { height: 25rem; padding: 1.5rem; resize: vertical; }

select.form_control { padding-right: 3.5rem; background: #fff url(../../images/common/icon_arr_select.svg) no-repeat right 1.5rem center/1.1rem; }
.form_control.form_datepicker { padding-left: 4.5rem; background: #fff url(../../images/common/icon_calendar01.svg) no-repeat left 1.5rem center/1.6rem; }
.form_control[readonly],
.form_control:disabled { background-color: #f3f3f3 !important; color: var(--color3) !important; opacity: 1; resize: none; }

/* checkbox / radio */
.form_check_area { display: flex; flex-wrap: wrap; margin: -0.5rem -1.5rem; }
.form_check_area > li { padding: 0.5rem 1.5rem; }
.form_check_area.right { justify-content: flex-end; }
.form_check_area.center { justify-content: center; }
.form_check_area.type2 { margin: -0.5rem; }
.form_check_area.type2 > li { padding: 0.5rem; }

/* form_check */
.form_check { display: inline-flex; position: relative; vertical-align: middle; cursor: pointer; user-select: none; }
.form_check input[type=checkbox],
.form_check input[type=radio] { z-index: 1; position: absolute; top: 0.5rem; left: 0.5rem; width: 0.1rem; height: 0.1rem; border-color: transparent; background-color: transparent; }
.form_check input[type=checkbox]:focus-visible,
.form_check input[type=radio]:focus-visible { outline: none; }
.form_check input[type=checkbox]:focus-visible + .form_label,
.form_check input[type=radio]:focus-visible + .form_label { outline: 2px dashed #000; outline-offset: 2px; }
.form_check input + .form_label { display: flex; z-index: 2; position: relative; align-items: center; height: auto; margin: 0; font-weight: 400; line-height: 1.4; cursor: pointer; user-select: none; }
.form_check input + .form_label:before { flex-shrink: 0; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.form_check.notext input + .form_label { font-size: 0 !important; }
.form_check.notext input + .form_label:before { margin: 0 !important; }

/* check1 */
.form_check.check1 input + .form_label:before { width: 2.6rem; height: 2.6rem; margin-top: -0.2rem; margin-right: 1rem; border: 2px solid #aaa; border-radius: 3px; background-position: center; background-size: 1.5rem; background-color: #fff; }
.form_check.check1 input:checked + .form_label:before { border-color: #000; background-image: url(../../images/common/icon_check01.svg); background-color: #000; }
.form_check.check1 input:disabled + .form_label,
.form_check.check1 input:disabled:focus-visible + .form_label { color: #999; cursor: default; }
.form_check.check1 input:disabled + .form_label:before,
.form_check.check1 input:disabled:focus-visible + .form_label:before,
.form_check.check1 input:disabled:checked + .form_label:before,
.form_check.check1 input:disabled:focus-visible:checked + .form_label:before { border-color: #ddd; background-color: #f6f6f6; }
.form_check.check1 input[type=checkbox]:disabled:checked + .form_label:before,
.form_check.check1 input[type=checkbox]:disabled:focus-visible:checked + .form_label:before { background-image: url(../../images/common/icon_check02.svg); }
.form_check.check1 input[type=radio]:disabled:checked + .form_label:before,
.form_check.check1 input[type=radio]:disabled:focus-visible:checked + .form_label:before { background-image: url(../../images/common/icon_radio02.svg); }

/* form_file */
.form_file { display: flex; position: relative; align-items: center; width: 100%; margin: 0; }
.form_file .file_btn { flex-shrink: 0; width: 12rem; overflow: hidden; }
.form_file .file_btn input[type=file] { position: absolute; top: -10px; left: -10px; width: 1px; height: 1px; }
.form_file .file_subj { position: relative; width: calc(100% - 12rem); padding-left: 1.5rem; }
.form_file .file_subj .file_text { display: block; width: 100%; min-height: 5rem; padding: 1.4rem 2rem; padding-right: 5rem; overflow: hidden; border: 1px solid #ddd; border-radius: 5px; color: #999; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.form_file .file_subj .file_delete { position: absolute; top: 1.6rem; right: 2rem; width: 2rem; height: 2rem; background: url(../../images/common/icon_close03.svg) no-repeat center/contain; }
.form_file .file_subj .file_delete > span { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; }
.form_file .file_btn input[type=file]:focus-visible + .cm_btn { outline: 2px dashed #000; outline-offset: 2px; }
.form_file .file_subj .file_delete:focus-visible { outline: 2px dashed #000; outline-offset: 2px; }

/* form_file_list */
.form_file_list .file_list li { display: flex; z-index: 1; position: relative; margin-bottom: 1rem; }
.form_file_list .file_list li:last-child { margin-bottom: 0; }
.form_file_list .file_list .file_subj { position: relative; max-width: 100%; padding-left: 3.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.form_file_list .file_list .file_subj:before { position: absolute; top: 0; left: 0; width: 2.1rem; height: 1.8rem; background: url(../../images/common/icon_download01.svg) no-repeat center/contain; content: ""; }
.form_file_list .file_list .file_subj:hover { text-decoration: underline; }
.form_file_list .file_list .file_delete { position: absolute; top: 1.4rem; right: 1.7rem; width: 2rem; height: 2rem; background: url(../../images/common/icon_close03.svg) no-repeat center/contain; transition: background-image 0.2s; }
.form_file_list .file_list .file_delete > span { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; }
.form_file ~ .form_file_list .file_list { display: flex; flex-direction: column; align-items: flex-start; width: 100%; margin-top: 2rem; }
.form_file ~ .form_file_list li { display: inline-flex; max-width: 100%; min-height: 5rem; padding: 1.2rem 2rem; padding-right: 5rem; border: 1px solid #ddd; border-radius: 5px; }
.form_file ~ .form_file_list li:hover { border-color: var(--cm_color1); }
.form_file ~ .form_file_list .file_list .file_subj { padding-left: 0; }
.form_file ~ .form_file_list .file_list .file_subj:before { display: none; }
.form_file ~ .form_file_list li:hover .file_delete { background: url(../../images/common/icon_close04.svg) no-repeat center/contain; }

/* **************************************************************************************** *
* list
* **************************************************************************************** */
.cm_list { width: 100%; }
.cm_list .list_body { display: flex; flex-wrap: wrap; width: 100%; word-break: keep-all; }
.cm_list .list_item { display: block; }
.cm_list .list_item .item_box { display: block; height: 100%; }
.cm_list .list_item .thumb_area { display: block; position: relative; width: 100%; }
.cm_list .list_item .thumb_area .thumb_box { z-index: 1; position: relative; width: 100%; overflow: hidden; background-color: #ddd; }
.cm_list .list_item .thumb_area .thumb_box:after { display: block; width: 100%; content: ""; }
.cm_list .list_item .thumb_area .thumb_box .item_thumb { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transition: transform 0.6s; }
.cm_list .list_item .desc_area { position: relative; width: 100%; }
.cm_list .list_item:hover .item_thumb { transform: scale(1.05) rotate(-0.001deg); }
.cm_list .list_item:hover .item_title { text-decoration: underline; }

/* list1 */
.cm_list.list1 .list_body { gap: 3rem; }
.cm_list.list1 .list_item { width: calc((100% - 9rem) / 4); }
.cm_list.list1 .list_item .item_box { display: flex; position: relative; flex-direction: column; padding: 3rem; border: 1px solid #ddd; border-radius: 0.8rem; background-color: #fff; }
.cm_list.list1 .list_item .item_box:after { z-index: -1; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 2px solid #000; border-radius: inherit; content: ""; opacity: 0; transition: opacity 0.2s; }
.cm_list.list1 .list_item .thumb_area .item_label { display: flex; z-index: 2; position: absolute; top: 1rem; right: 1rem; left: 1rem; flex-wrap: wrap; margin: -0.3rem -0.5rem; margin-bottom: 1.5rem; }
.cm_list.list1 .list_item .thumb_area .item_label .cm_label { margin: 0.3rem 0.5rem; }
.cm_list.list1 .list_item .thumb_area .thumb_box { z-index: 1; border-radius: 0.8rem; }
.cm_list.list1 .list_item .thumb_area .thumb_box:after { padding-top: 75%; }
.cm_list.list1 .list_item .desc_area { margin-top: 2rem; }
.cm_list.list1 .list_item .item_title { display: -webkit-box; height: 5.04rem; font-weight: 500; font-size: 1.8rem; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.cm_list.list1 .list_item .item_desc { display: -webkit-box; height: 6.3rem; margin-top: 1.5rem; color: #444; font-size: 1.5rem; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.cm_list.list1 .list_item .item_info { display: flex; flex-wrap: wrap; margin: -0.3rem -0.7rem; margin-top: 2rem; }
.cm_list.list1 .list_item .item_info > * { padding: 0.3rem 0.7rem; color: #666; font-size: 1.4rem; }
.cm_list.list1 .list_item:hover .item_box { box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1); }
.cm_list.list1 .list_item:hover .item_box:after { z-index: 1; opacity: 1; }

/* **************************************************************************************** *
* nodata
* **************************************************************************************** */
.cm_nodata { background-color: #fff; text-align: center; }
.cm_nodata .nodata_inner { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10rem 2rem; font-weight: 500; font-size: 1.8rem; }
.cm_nodata .nodata_img { max-width: 9rem; margin-bottom: 3rem; }
.cm_ready { padding: 5rem 0; text-align: center; }
.cm_ready .ready_img { width: 19rem; }
.cm_ready .text1 { margin-top: 3rem; font-weight: 500; font-size: 20px; }
.cm_ready .text2 { margin-top: 1.5rem; font-size: 15px; }

/* **************************************************************************************** *
* paging
* **************************************************************************************** */
/* cm_paging1 */
.cm_paging1 { display: flex; align-items: center; justify-content: center; margin-top: 6rem; }
.cm_paging1 .page_control { display: block; width: 3.5rem; height: 4.6rem; overflow: hidden; border-radius: 8px; background-position: center; background-size: auto 1.6rem; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; }
.cm_paging1 .page_control.first { background-image: url(../../images/common/pg_first.svg); }
.cm_paging1 .page_control.prev { background-image: url(../../images/common/pg_prev.svg); }
.cm_paging1 .page_control.next { background-image: url(../../images/common/pg_next.svg); }
.cm_paging1 .page_control.last { background-image: url(../../images/common/pg_last.svg); }
.cm_paging1 .page_control:hover,
.cm_paging1 .page_control:focus-visible { background-color: #f4f4f4; text-decoration: underline; }
.cm_paging1 .paging_page { display: flex; align-items: center; margin: 0 2rem; gap: 0.5rem; }
.cm_paging1 .page_link { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; width: 4.6rem; height: 4.6rem; border-radius: 8px; color: #333; }
.cm_paging1 .page_link:hover,
.cm_paging1 .page_link:focus-visible { background-color: #f4f4f4; text-decoration: underline; }
.cm_paging1 .page_link.active { background-color: var(--cm_color1); color: #fff; font-weight: 500; }

/* cm_paging2 */
.cm_paging2 { display: flex; justify-content: space-between; width: 100%; margin-top: 6rem; padding-top: 6rem; border-top: 1px solid #ddd; }
.cm_paging2 .page_item { display: block; position: relative; width: 50%; max-width: 26rem; }
.cm_paging2 .page_item:after { display: block; position: absolute; top: 50%; width: 4.5rem; height: 4.5rem; margin-top: -2.25rem; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.cm_paging2 .page_item .item_text { font-weight: 700; font-size: 3rem; }
.cm_paging2 .page_item .item_title { margin-top: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cm_paging2 .page_item.nodata { cursor: default !important; }
.cm_paging2 .page_item.nodata .item_title { color: #999; }
.cm_paging2 .page_prev { padding-left: 7rem; text-align: left; }
.cm_paging2 .page_prev:after { left: 0; background-image: url(../../images/common/pg_prev02.svg); }
.cm_paging2 .page_prev.nodata:after { background-image: url(../../images/common/pg_prev03.svg); }
.cm_paging2 .page_next { padding-right: 7rem; text-align: right; }
.cm_paging2 .page_next:after { right: 0; background-image: url(../../images/common/pg_next02.svg); }
.cm_paging2 .page_next.nodata:after { background-image: url(../../images/common/pg_next03.svg); }
.cm_paging2 .page_item:hover .item_title { text-decoration: underline; }
.cm_paging2 .page_item.nodata:hover .item_title { color: #999; text-decoration: none; }

/* **************************************************************************************** *
* modal
* **************************************************************************************** */
.cm_modal { display: none; z-index: 200; position: fixed; top: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: 100vh; }
.cm_modal .modal_contents { display: flex; z-index: 2; position: relative; flex-direction: column; width: 94%; max-width: 800px; max-height: 90vh; margin: auto; overflow: hidden; transform: translateY(10%); border-radius: 20px; background-color: #fff; animation: modalFade 0.5s ease both; animation-play-state: paused !important; }
.cm_modal .modal_contents .modal_head { display: flex; position: relative; flex-shrink: 0; flex-wrap: wrap; align-items: center; min-height: 10rem; padding: 1.5rem 9.5rem 1.5rem 4rem; }
.cm_modal .modal_contents .modal_body { height: 100%; margin-top: 3.5rem; padding: 0 4rem; overflow-y: auto; text-align: left; }
.cm_modal .modal_contents .modal_foot { flex-shrink: 0; padding: 3rem 4rem; }
.cm_modal .modal_contents .modal_foot .cm_btn { width: 100%; }
.cm_modal .modal_title { color: #fff; font-weight: 500; font-size: 2rem; line-height: 1.3; text-align: left; }
.cm_modal .modal_close { z-index: 5; position: absolute; top: 4rem; right: 4rem; width: 2.2rem; height: 2.2rem; background: url(../../images/common/icon_close01.svg) no-repeat center/contain; font-size: 0; }
.cm_modal .modal_close:focus-visible { outline-offset: -5px; }
.cm_modal .modal_bg { z-index: 1; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); }
.cm_modal.modal_sm .modal_contents { max-width: 640px; }
.cm_modal.modal_lg .modal_contents { max-width: 1000px; }
.cm_modal.show { display: flex !important; }
.cm_modal.show .modal_contents { animation-play-state: running !important; }

/* 로그인 모달 */
.modal_login .modal_contents { max-width: 500px; }
.modal_login .modal_contents .login_logo > img { width: 22rem; }
.modal_login .modal_contents .modal_head { min-height: 0; }
.modal_login .modal_contents .modal_body { margin: 0; padding: 0; }
.modal_login .modal_contents .modal_cont { padding-top: 7rem; text-align: center; }
.modal_login .modal_contents .login_form { width: 100%; margin-top: 5.5rem; padding: 0 4rem; }
.modal_login .modal_contents .login_form .form_control { height: 6.5rem; padding: 1rem 2.5rem; font-size: 1.7rem; }
.modal_login .modal_contents .login_info { margin-top: 5.5rem; padding: 2.5rem 4rem; background-color: #f5f5f5; }

/* **************************************************************************************** *
* step
* **************************************************************************************** */
.cm_step1 { word-break: keep-all; }
.cm_step1 .step_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4rem; }
.cm_step1 .step_list .item_step { position: relative; padding: 1rem; border: 1px solid #ddd; border-radius: 0.5rem; background-color: #fff; line-height: 1.4; }
.cm_step1 .step_list .item_step:after { position: absolute; top: 0; left: calc(100% + 1px); width: 4rem; height: 100%; background: url(../../images/common/icon_arr02.svg) no-repeat center/1rem; content: ""; }
.cm_step1 .step_list .item_step:nth-child(3n+3):after,
.cm_step1 .step_list .item_step:last-child:after { display: none; }
.cm_step1 .step_list dl { display: flex; flex-direction: column; height: 100%; }
.cm_step1 .step_list dl dt { display: flex; align-items: center; justify-content: center; width: 100%; height: 50%; min-height: 5.5rem; padding: 1.5rem; border-radius: 0.5rem; background-color: #f5f5f5; color: var(--cm_color1); font-weight: 500; text-align: center; }
.cm_step1 .step_list .item_step.type2 dl dt { background-color: var(--cm_color1); color: #fff; }
.cm_step1 .step_list dl dd { display: flex; align-items: center; justify-content: center; height: 50%; padding: 1.5rem; text-align: center; }
.cm_step1.type2 .step_list { gap: 2rem 4rem; }


/* **************************************************************************************** *
* policy
* **************************************************************************************** */
.cm_policy { font-size: 1.6rem; line-height: 1.5; word-break: keep-all; }
.cm_policy .policy_check { padding: 2rem; border: 1px solid #ddd; border-radius: 5px 5px 0 0; font-weight: 500; }
.cm_policy .policy_box { height: 25rem; padding: 2rem; overflow: hidden; overflow-y: auto; border: 1px solid #ddd; border-radius: 0 0 5px 5px; background-color: #f7f8fa; }
.cm_policy .policy_check + .policy_box { border-top: 0; }
.cm_policy .policy_title1 { margin-bottom: 0.5rem; font-weight: 700 !important; font-size: 1.6rem; }
.cm_policy .policy_text1 { color: #333; font-size: 1.6rem; }
.cm_policy .cm_table th,
.cm_policy .cm_table td { height: 4rem; padding: 1rem; }
.cm_policy .highlight { color: var(--cm_color1) !important; font-weight: 700 !important; font-size: 120% !important; text-decoration: underline !important; }

/* **************************************************************************************** *
* accessibility
* **************************************************************************************** */
/* 웹접근성 */
*:focus-visible { outline: 3px dashed; outline-offset: 3px; }
#skipNavi { z-index: 9999; position: absolute; top: 0; left: 0; white-space: nowrap; }
#skipNavi a { display: inline-block; position: absolute; top: -9999px; }
#skipNavi a:focus-visible { top: 0; padding: 5px; background-color: #000; color: #fff; font-size: 15px; }

/* ����Ʈ */
@media screen and (max-width: 1365px){
	.cm_board_view2 .board_view_top .view_thumb_area { width: 50rem; }
	.cm_board_view2 .board_view_top .view_mark img { height: 3.6rem; }
}

@media screen and (max-width: 1279px){
	:root { --default_font_size: 9px; }

	/* option layout */
	.cm_option.resp { flex-direction: column; }
	.cm_option.resp .op_left { width: 100%; }
	.cm_option.resp .op_right { width: 100%; }
	.cm_option.resp.start { flex-direction: row; justify-content: flex-start; }
	.cm_option.resp.start .op_left { width: auto; margin-right: 1rem; }
	.cm_option.resp.start .op_right { width: auto; }
	.cm_option.resp.end { flex-direction: row; justify-content: flex-end; }
	.cm_option.resp.end .op_left { width: auto; }
	.cm_option.resp.end .op_right { width: auto; margin-left: 1rem; }
	.cm_option.resp.revs { flex-direction: column-reverse; }

	/* text */
	.cm_text.text1 { font-size: 3.2rem; }

	/* tab1 */
	.cm_tab.tab1 { overflow: hidden; overflow-x: auto; }
	.cm_tab.tab1 .tab_list > li { flex-shrink: 0; }

	/* tab2 */
	.cm_tab.tab2 { overflow: hidden; overflow-x: auto; }
	.cm_tab.tab2 .tab_list > li { flex-shrink: 0; }

	/* board option */
	.board_search .search_select > select { width: 12rem; }
	.board_search .search_form_wrap { width: 22rem; }

	/* board list */
	.cm_board_list.list1 .list_body .item_box { min-height: 12rem; padding-right: 0; background-image: none !important; }
	.cm_board_list.list2 .list_body { gap: 5rem 2.5rem; }
	.cm_board_list.list2 .list_body .list_item { width: calc((100% - 7.5rem) / 4); }
	.cm_board_list.list2 .list_body .item_box .item_title { height: 5.4rem; font-size: 1.8rem; }
	.cm_board_list.list3 .list_body { gap: 5rem 2.5rem; }
	.cm_board_list.list3 .list_body .list_item { width: calc((100% - 7.5rem) / 4); }
	.cm_board_list.list3 .list_body .item_box .item_title { height: 5.4rem; font-size: 1.8rem; }

	/* board detail */
	.cm_board_view .board_view_head { padding: 3.5rem 0; }
	.cm_board_view .board_view_head .view_title { font-size: 3.2rem; }
	.cm_board_view .board_view_head .view_info { margin-top: 1.5rem; }
	.cm_board_view .board_view_head .view_info .split_item { font-size: 1.6rem; }
	.cm_board_view .board_view_cont { min-height: 35rem; padding: 3.5rem 0; }
	.cm_board_view .board_view_file { padding: 2rem 2.5rem; }
	.cm_board_view2 .board_view_head { padding: 3.5rem 0; }
	.cm_board_view2 .board_view_head .view_title_area { display: block; }
	.cm_board_view2 .board_view_head .view_cate { margin-bottom: 1.5rem; }
	.cm_board_view2 .board_view_head .view_title { font-size: 3.2rem; }
	.cm_board_view2 .board_view_top .view_thumb_area { width: 45rem; }
	.cm_board_view2 .board_view_top .view_info_area { padding-left: 4rem; }
	.cm_board_view2 .board_view_top .view_label { margin-bottom: 1.5rem; }
	.cm_board_view2 .board_view_top .view_title { font-size: 3.2rem; }
	.cm_board_view2 .board_view_top .board_view_file { padding: 2rem 2.5rem; }
	.cm_board_view2 .board_view_top .view_mark { position: static; justify-content: flex-start; margin: 2rem 0 4rem; }
	.cm_board_view2 .board_view_cont { min-height: 35rem; padding: 3.5rem 0; }

	/* cm_board_write */
	.cm_board_write { padding: 4rem 4.5rem; }

	/* cm_form_area */
	.cm_form_area { padding: 4rem 4.5rem; }

	/* form_group */
	.form_group { margin: 0 -2rem; }
	.form_group > .col,
	.form_group > [class^=col-] { padding-right: 2rem; padding-left: 2rem; }

	/* list1 */
	.cm_list.list1 .list_item { width: calc((100% - 6rem) / 3); }
}

@media screen and (max-width: 1023px){
	:root { --default_font_size: 8.5px; }

	/* text */
	.cm_text.text1 { font-size: 3rem; }

	/* table */
	.cm_table.table_lg { overflow: auto; }
	.cm_table.table_lg table { min-width: 1200px; }
	.cm_table.table_md { overflow: auto; }
	.cm_table.table_md table { min-width: 768px; }
	.cm_table.table_sm { overflow: auto; }
	.cm_table.table_sm table { min-width: 480px; }
	.cm_table.resp table,
	.cm_table.resp table thead,
	.cm_table.resp table tbody,
	.cm_table.resp table tfoot,
	.cm_table.resp table tr,
	.cm_table.resp table th,
	.cm_table.resp table td { display: block; width: 100%; height: auto !important; padding: 0; border: 0 !important; }
	.cm_table.resp table colgroup,
	.cm_table.resp table thead { display: none; }
	.cm_table.resp table tr { display: flex; flex-wrap: wrap; padding: 1.5rem 0; border-bottom: 1px solid #ddd !important; }
	.cm_table.resp table tr td { padding: 0.5rem 1rem; }

	/* scroll_guide */
	.cm_table.scroll_guide:before { display: block; opacity: 1; }
	.cm_table.scroll_guide:after { display: block; }

	/* board list */
	.cm_board_list.list2 .list_body { gap: 5rem 2rem; }
	.cm_board_list.list2 .list_body .list_item { width: calc((100% - 4rem) / 3); }
	.cm_board_list.list3 .list_body { gap: 5rem 2rem; }
	.cm_board_list.list3 .list_body .list_item { width: calc((100% - 4rem) / 3); }

	/* board detail */
	.cm_board_view .board_view_head { padding: 3rem 0; }
	.cm_board_view .board_view_head .view_title { font-size: 2.8rem; }
	.cm_board_view .board_view_head .view_info { margin-top: 1rem; }
	.cm_board_view .board_view_head .view_info .split_item { font-size: 1.5rem; }
	.cm_board_view .board_view_cont { min-height: 25rem; padding: 3rem 0; }
	.cm_board_view .board_view_cont .view_swiper { max-width: 75rem; margin: 0 auto; margin-top: 0; margin-bottom: 5rem; }
	.cm_board_view .board_view_cont .view_swiper .swiper-btn-wrap .swiper-pagination { margin-top: 2rem; }
	.cm_board_view2 .board_view_head { padding: 3rem 0; }
	.cm_board_view2 .board_view_head .view_cate { margin-bottom: 1rem; }
	.cm_board_view2 .board_view_head .view_title { font-size: 2.8rem; }
	.cm_board_view2 .board_view_top { display: block; }
	.cm_board_view2 .board_view_top .view_thumb_area { width: 100%; }
	.cm_board_view2 .board_view_top .view_info_area { margin-top: 3rem; padding-top: 3rem; padding-left: 0; border-top: 1px solid #ddd; }
	.cm_board_view2 .board_view_top .view_title { font-size: 2.8rem; }
	.cm_board_view2 .board_view_top .board_view_file { margin-top: 2rem; padding: 2rem 2.5rem; }
	.cm_board_view2 .board_view_top .view_mark { position: static; justify-content: flex-start; margin: 1.5rem 0 3rem; }
	.cm_board_view2 .board_view_cont { min-height: 25rem; padding: 3rem 0; }

	/* form_group */
	.form_group { margin: 0 -1rem; }
	.form_group > .col,
	.form_group > [class^=col-] { padding-right: 1rem; padding-left: 1rem; }
	.cm_nodata .nodata_inner { padding: 5rem 2rem; }

	/* cm_paging2 */
	.cm_paging2 { margin-top: 5rem; padding-top: 5rem; }
	.cm_paging2 .page_item { max-width: 35rem; }
	.cm_paging2 .page_item:after { width: 4rem; height: 4rem; margin-top: -2rem; }
	.cm_paging2 .page_item .item_text { font-size: 2.4rem; }
	.cm_paging2 .page_prev { padding-left: 6rem; }
	.cm_paging2 .page_next { padding-right: 6rem; }
	.cm_paging2 .page_item:hover .item_title { text-decoration: none; }

	/* step */
	.cm_step1 .step_list { gap: 3rem; }
	.cm_step1 .step_list .item_step:after { width: 3rem; background-size: 0.8rem; }
}

@media screen and (max-width: 767px){
	:root { --default_font_size: 8px; }

	/* option layout */
	.cm_option.resp-md { flex-direction: column; }
	.cm_option.resp-md .op_left { width: 100%; }
	.cm_option.resp-md .op_right { width: 100%; }
	.cm_option.resp-md.start { flex-direction: row; justify-content: flex-start; }
	.cm_option.resp-md.start .op_left { width: auto; margin-right: 1rem; }
	.cm_option.resp-md.start .op_right { width: auto; }
	.cm_option.resp-md.end { flex-direction: row; justify-content: flex-end; }
	.cm_option.resp-md.end .op_left { width: auto; }
	.cm_option.resp-md.end .op_right { width: auto; margin-left: 1rem; }
	.cm_option.resp-md.revs { flex-direction: column-reverse; }

	/* text */
	.cm_text.text1 { font-size: 2.4rem; }

	/* tab2 */
	.cm_tab.tab2 .tab_list > li { width: 33.3333333333%; }
	.cm_tab.tab2 .tab_list > li:nth-child(-n+4) > a { border-top: 0; }
	.cm_tab.tab2 .tab_list > li:nth-child(-n+3) > a { border-top: 1px solid #ddd; }
	.cm_tab.tab2 .tab_list > li:nth-child(4n+4) > a { border-right: 0; }
	.cm_tab.tab2 .tab_list > li:nth-child(3n+3) > a,
	.cm_tab.tab2 .tab_list > li:last-child > a { border-right: 1px solid #ddd; }
	.cm_tab.tab2 .tab_list > li:last-child > a { width: calc(100% + 1px); }
	.cm_tab.tab2 .tab_list > li:nth-child(4n+4):last-child > a { width: calc(100% + 1px); }
	.cm_tab.tab2 .tab_list > li:nth-child(3n+3):last-child > a { width: 100%; }

	/* board option */
	.board_option { flex-direction: column-reverse; margin-bottom: 2rem; }
	.board_option .op_left,
	.board_option .op_right { width: 100%; }
	.board_utill { justify-content: flex-start; width: 100%; gap: 2.4rem; }
	.board_utill > li:before { right: -1.2rem; }
	.board_utill > li:last-child:before { display: none; }
	.board_search { margin-bottom: 2.5rem; padding: 2rem; background-color: #f5f5f5; }
	.board_search .search_select > select { width: 15rem; }
	.board_search .search_form_wrap { width: 100%; }

	/* board list */
	.cm_board_list.list2 .list_body { gap: 4rem 2rem; }
	.cm_board_list.list2 .list_body .list_item { width: calc((100% - 2rem) / 2); }
	.cm_board_list.list3 .list_body { gap: 4rem 2rem; }
	.cm_board_list.list3 .list_body .list_item { width: calc((100% - 2rem) / 2); }

	/* cm_board_write */
	.cm_board_write { padding: 3rem 0; }

	/* cm_form_area */
	.cm_form_area { padding: 3rem 0; border: 0; border-top: 2px solid var(--cm_color1); border-bottom: 1px solid #ddd; border-radius: 0; box-shadow: none; }

	/* form_control */
	textarea.form_control { height: 15rem; }

	/* cm_form_area */
	.cm_form_area > .form_group + .form_group { margin-top: 2rem; }

	/* list1 */
	.cm_list.list1 .list_item { width: calc((100% - 3rem) / 2); }

	/* 로그인 모달 */
	.modal_login .modal_contents .modal_cont { padding-top: 5rem; }
	.modal_login .modal_contents .login_logo > img { max-width: 22rem; }
	.modal_login .modal_contents .login_form { margin-top: 4rem; padding: 0 3rem; }
	.modal_login .modal_contents .login_info { margin-top: 4rem; padding: 2.5rem 3rem; }

	/* step */
	.cm_step1 .step_list { grid-template-columns: repeat(2, 1fr); gap: 2rem 3rem; }
	.cm_step1 .step_list .item_step:nth-child(3n+3):after { display: block; }
	.cm_step1 .step_list .item_step:nth-child(2n+2):after,
	.cm_step1 .step_list .item_step:last-child:after { display: none; }

	/* policy */
	.cm_policy .policy_box { height: 15rem; }
}

@media screen and (max-width: 479px){
	/* title */
	.cm_title + .text_indent { padding-left: 0; }

	/* text */
	.cm_text.text1 { font-size: 2.2rem; }

	/* tab1 */
	.cm_tab.tab1 .tab_list > li > a { padding: 1rem 2.5rem; }

	/* tab2 */
	.cm_tab.tab2 .tab_list > li { width: 50%; }
	.cm_tab.tab2 .tab_list > li:nth-child(-n+3) > a { border-top: 0; }
	.cm_tab.tab2 .tab_list > li:nth-child(-n+2) > a { border-top: 1px solid #ddd; }
	.cm_tab.tab2 .tab_list > li:nth-child(3n+3) > a { border-right: 0; }
	.cm_tab.tab2 .tab_list > li:nth-child(2n+2) > a,
	.cm_tab.tab2 .tab_list > li:last-child > a { border-right: 1px solid #ddd; }
	.cm_tab.tab2 .tab_list > li:last-child > a { width: calc(100% + 1px); }
	.cm_tab.tab2 .tab_list > li:nth-child(3n+3):last-child > a { width: calc(100% + 1px); }
	.cm_tab.tab2 .tab_list > li:nth-child(2n+2):last-child > a { width: 100%; }
	.cm_tab.tab2.row3 .tab_list > li { width: 50%; }
	.cm_tab.tab2.row3 .tab_list > li:nth-child(-n+3) > a { border-top: 0; }
	.cm_tab.tab2.row3 .tab_list > li:nth-child(-n+2) > a { border-top: 1px solid #ddd; }
	.cm_tab.tab2.row3 .tab_list > li:nth-child(3n+3) > a { border-right: 0; }
	.cm_tab.tab2.row3 .tab_list > li:nth-child(2n+2) > a,
	.cm_tab.tab2.row3 .tab_list > li:last-child > a { border-right: 1px solid #ddd; }
	.cm_tab.tab2.row3 .tab_list > li:last-child:nth-child(3n+3) > a { width: calc(100% + 1px); }
	.cm_tab.tab2.row3 .tab_list > li:last-child:nth-child(2n+2) > a { width: 100%; }

	/* board option */
	.board_search .search_select > select { width: 12rem; }

	/* board list */
	.cm_board_list table td.subject { font-size: 1.8rem; }
	.cm_board_list .subject .cm_label { min-width: 0 !important; margin-right: 1rem; }
	.cm_board_list.list1 .list_body .item_box { min-height: 11rem; }

	/* board detail */
	.cm_board_view .board_btn_area .cm_btn { width: 100%; }
	.cm_board_view2 .board_btn_area .cm_btn { width: 100%; }
	.cm_board_view2 .board_view_head .view_cate { font-size: 1.5rem; }

	/* list1 */
	.cm_list.list1 .list_body { gap: 2rem; }
	.cm_list.list1 .list_item { width: calc((100% - 2rem) / 2); }
	.cm_list.list1 .list_item .item_box { padding: 2rem; }

	/* cm_paging1 */
	.cm_paging1 .page_control { width: 3rem; height: 3.8rem; background-size: auto 1.4rem; }
	.cm_paging1 .page_control:hover,
	.cm_paging1 .page_control:focus-visible { background-color: none; text-decoration: none; }
	.cm_paging1 .paging_page { margin: 0 1.5rem; }
	.cm_paging1 .page_link { width: 3.8rem; height: 3.8rem; }
	.cm_paging1 .page_link:hover,
	.cm_paging1 .page_link:focus-visible { background-color: none; text-decoration: none; }

	/* cm_paging2 */
	.cm_paging2 .page_item:after { top: 0.4rem; width: 3rem; height: 3rem; margin-top: 0; }
	.cm_paging2 .page_item .item_text { font-size: 2.4rem; }
	.cm_paging2 .page_item .item_title { margin-top: 1rem; }
	.cm_paging2 .page_prev { padding-right: 1rem; padding-left: 0; }
	.cm_paging2 .page_prev .item_text { padding-left: 4.5rem; }
	.cm_paging2 .page_next { padding-right: 0; padding-left: 1rem; }
	.cm_paging2 .page_next .item_text { padding-right: 4.5rem; }
}

@media screen and (max-width: 360px){
	:root { --default_font_size: 7.5px; }
}

@media print {
	* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	html,
	body { zoom: 0.7; margin: 0 !important; padding: 0 !important; overflow: visible !important; page-break-before: avoid; page-break-after: avoid; }
	html { margin: 0 !important; }
	.inner { max-width: none !important; }
	.header,
	.footer,
	.left_contents,
	.satisfaction_box { display: none !important; }
	.container { margin-top: 0 !important; }
	.right_contents { width: 100% !important; padding: 0 !important; }
}