@charset "UTF-8";
/****************************************/
/*  Name : 인천대학교 가족회사지원센터
/*  PART : common style
/*
/*  Summary: /* 파일 내용 */
/*  common
/*  button / icon
/*  form
/*  common style
/*  layout
/*  style
/*  responsive
/****************************************/

/* ********************************************************************************* *
/* Noto sans // font-family: 'Noto Sans KR';
/* ********************************************************************************* */
@font-face { font-style: normal; font-weight: 100; src: url('../fonts/NotoSansKR-Thin.woff2') format('woff2'), url('../fonts/NotoSansKR-Thin.woff') format('woff'); font-family: 'Noto Sans KR'; }
@font-face { font-style: normal; font-weight: 200; src: url('../fonts/NotoSansKR-Light.woff2') format('woff2'), url('../fonts/NotoSansKR-Light.woff') format('woff'); font-family: 'Noto Sans KR'; }
@font-face { font-style: normal; font-weight: 300; src: url('../fonts/NotoSansKR-DemiLight.woff2') format('woff2'), url('../fonts/NotoSansKR-DemiLight.woff') format('woff'); font-family: 'Noto Sans KR'; }
@font-face { font-style: normal; font-weight: 400; src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'), url('../fonts/NotoSansKR-Regular.woff') format('woff'); font-family: 'Noto Sans KR'; }
@font-face { font-style: normal; font-weight: 500; src: url('../fonts/NotoSansKR-Medium.woff2') format('woff2'), url('../fonts/NotoSansKR-Medium.woff') format('woff'); font-family: 'Noto Sans KR'; }
@font-face { font-style: normal; font-weight: 700; src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'), url('../fonts/NotoSansKR-Bold.woff') format('woff'); font-family: 'Noto Sans KR'; }
@font-face { font-style: normal; font-weight: 900; src: url('../fonts/NotoSansKR-Black.woff2') format('woff2'), url('../fonts/NotoSansKR-Black.woff') format('woff'); font-family: 'Noto Sans KR'; }

/* ********************************************************************************* *
/* Plus Jakarta Sans // font-family: 'PlusJakartaSans';
/* ********************************************************************************* */
@font-face { font-style: normal; font-weight: 400; src: url('../fonts/PlusJakartaSans-Regular.woff2') format('woff2'), url('../fonts/PlusJakartaSans-Regular.woff') format('woff'); font-family: 'PlusJakartaSans'; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }
@font-face { font-style: normal; font-weight: 300; src: url('../fonts/PlusJakartaSans-Light.woff2') format('woff2'), url('../fonts/PlusJakartaSans-Light.woff') format('woff'); font-family: 'PlusJakartaSans'; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }
@font-face { font-style: normal; font-weight: 500; src: url('../fonts/PlusJakartaSans-Medium.woff2') format('woff2'), url('../fonts/PlusJakartaSans-Medium.woff') format('woff'); font-family: 'PlusJakartaSans'; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }
@font-face { font-style: normal; font-weight: 600; src: url('../fonts/PlusJakartaSans-Bold.woff2') format('woff2'), url('../fonts/PlusJakartaSans-Bold.woff') format('woff'); font-family: 'PlusJakartaSans'; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }
@font-face { font-style: normal; font-weight: 900; src: url('../fonts/PlusJakartaSans-ExtraBold.woff2') format('woff2'), url('../fonts/PlusJakartaSans-ExtraBold.woff') format('woff'); font-family: 'PlusJakartaSans'; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

/* ********************************************************************************* *
/* common
/* ********************************************************************************* */
html, 
body { min-width: 360px; color: #333; font-family: 'PlusJakartaSans', 'Noto Sans KR', '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; }

.no-js { opacity: 0; }
.inner { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 60px; transition: width 0.2s, padding 0.2s; }
.tab_block { display: none !important; }
.mo_block { display: none !important; }

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

/* etc */
hr.cm_line { width: 100%; height: 2px; margin: 50px 0; padding: 0; border: 0; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23DDDDDDFF' stroke-width='4' stroke-dasharray='5%2c 15' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); }
.text_through { text-decoration: line-through; }
.border { border: 1px solid #ddd; }
.border_t { border-top: 1px solid #ddd; }
.border_r { border-right: 1px solid #ddd; }
.border_b { border-bottom: 1px solid #ddd; }
.border_l { border-left: 1px solid #ddd; }

/* font */
.notoSansKR { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', helvetica, 'Apple SD Gothic Neo', sans-serif; }
.plusjakartasans { font-family: 'PlusJakartaSans', 'Malgun Gothic', '맑은 고딕', helvetica, 'Apple SD Gothic Neo', sans-serif; }

/* color point */
.cm_color1 { color: #1e65bf !important; }
.cm_color2 { color: #fcaf17 !important; }
.cm_color3 { color: #538dec !important; }
.cm_color4 { color: #cc0000 !important; }
.cm_color5 { color: #ff6600 !important; }
.cm_color6 { color: #792fd1 !important; }
.cm_color7 { color: #389e10 !important; }

.cm_bg1 { background-color: #1e65bf !important; }
.cm_bg2 { background-color: #fcaf17 !important; }
.cm_bg3 { background-color: #538dec !important; }
.cm_bg4 { background-color: #cc0000 !important; }
.cm_bg5 { background-color: #ff6600 !important; }

/* color mono */
.cm_color_000 { color: #000 !important; }
.cm_color_222 { color: #222 !important; }
.cm_color_444 { color: #444 !important; }
.cm_color_666 { color: #666 !important; }
.cm_color_999 { color: #999 !important; }
.cm_color_fff { color: #fff !important; }

.cm_bg_blk { background-color: #000 !important; }
.cm_bg_def { background-color: #333 !important; }
.cm_bg_gry { background-color: #767676 !important; }
.cm_bg_dis { background-color: #999 !important; }
.cm_bg_wh { background-color: #fff !important; }

/* title */
.cm_title1 { font-size: 22px; font-weight: 600; line-height: 1.4; }
.cm_title2 { margin-bottom: 15px; font-size: 20px; font-weight: 600; line-height: 1.4; }
.cm_title2.bul { margin-bottom: 25px; }
.cm_title2.bul > span { position: relative; padding: 0 16px; }
.cm_title2.bul > span:before,
.cm_title2.bul > span:after { content: ''; position: absolute; width: 15px; height: 15px; background-repeat: no-repeat; background-position: center; background-size: 100%; }
.cm_title2.bul > span:before { bottom: -2px; left: 0; background-image: url(../../images/common/icon_bul02_01.svg); }
.cm_title2.bul > span:after { top: -2px; right: 0; background-image: url(../../images/common/icon_bul02_02.svg); }
.cm_title2.bul2 { position: relative; padding-left: 30px; }
.cm_title2.bul2:before { content: ''; position: absolute; top: 4px; left: 0; width: 21px; height: 21px; background: url(../../images/common/icon_bul01.svg) no-repeat center / 100%; }
.cm_title3 { margin-bottom: 15px; font-size: 18px; font-weight: 500; line-height: 1.4; }
.cm_title3.bul { position: relative; padding-left: 30px; }
.cm_title3.bul:before { content: ''; position: absolute; top: 5px; left: 0; width: 17px; height: 17px; border: 4px solid #ffda45; border-radius: 100%; }
[class^="cm_title"] + .spacing_text { padding-left: 0; line-height: 1.8; }

/* text */
.cm_text22 { font-size: 22px; line-height: 1.6; }
.cm_text20 { font-size: 20px; line-height: 1.6; }
.cm_text18 { font-size: 18px; line-height: 1.6; }
.cm_text17 { font-size: 17px; line-height: 1.6; }
.cm_text16 { font-size: 16px; line-height: 1.6; }
.cm_text15 { font-size: 15px; line-height: 1.6; }
.cm_text14 { font-size: 14px; line-height: 1.6; }
.cm_text13 { font-size: 13px; line-height: 1.6; }
.cm_text12 { font-size: 12px; line-height: 1.6; }

/* 불릿 텍스트 */
.cm_bul1 { }
.cm_bul1 > * { position: relative; margin-bottom: 10px; padding-left: 15px; text-align: left; line-height: 1.5; color: #222; }
.cm_bul1 > *:last-child { margin-bottom: 0; }
.cm_bul1 > *:before { content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #222; border-radius: 100%; }
.cm_bul1.no_bul > * { padding-left: 0; }
.cm_bul1.no_bul > *:before { display: none; }
.cm_bul1 > *.no_bul { padding-left: 0; }
.cm_bul1 > *.no_bul:before { display: none; }
.cm_bul1 .item_justify { display: flex; }
.cm_bul1 .item_justify .text_justify { flex-shrink: 0; display: block; width: 70px; margin-right: 5px; text-align: justify; font-weight: 500; }
.cm_bul1 .item_justify .text_justify:after { content: ''; display: inline-block; width: 100%; }
.cm_bul1.type2 > * { margin-bottom: 15px; }
.cm_bul1.type2 > *:before { width: 3px; height: 3px; background-color: #666; border-radius: 0; }

.cm_bul_in { word-break: keep-all; }
.cm_bul_in > * { position: relative; margin-bottom: 8px; padding-left: 15px; text-align: left; line-height: 1.4; font-size: 15px; color: #5a5a5a; }
.cm_bul_in > *:last-child { margin-bottom: 0; }
.cm_bul_in > *:before { content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 1px; background: #666; }

/* 분리 텍스트 */
.cm_slash { display: flex; align-items: center; margin: -5px -15px; }
.cm_slash.right { justify-content: flex-end; }
.cm_slash.center { justify-content: center; }
.cm_slash .slash_item { position: relative; display: inline-block; padding: 5px 15px; line-height: 1; color: #666; }
.cm_slash .slash_item:after { content: ''; position: absolute; right: -1px; top: 50%; width: 1px; height: 14px; margin-top: -6px; background-color: #d6d6d6; }
.cm_slash .slash_item:last-child:after { display: none; }
.cm_slash.small .slash_item { font-size: 14px; }
.cm_slash.small .slash_item:after { height: 12px; margin-top: -5px; }

/* 박스 */
.cm_box1 { padding: 30px 40px; line-height: 1.6; word-break: keep-all; background-color: #f3f3f3; border-radius: 10px; }
.cm_box2 { padding: 50px; word-break: keep-all; background-color: #fff; border: 1px solid #f3f3f3; border-radius: 20px; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); }

/* animation */
@keyframes modalFade {
	0% { transform: translate3d(0, -10%, 0); opacity: 0; }
	100% { transform: translate3d(0, 0, 00); opacity: 1; }
}
@keyframes moveLeft {
	0% { transform: translate3d(10px, 0, 0); }
	100% { transform: translate3d(-10px, 0, 0); }
}
@keyframes moveScale {
	0% { transform: scale(1); }
	50% { opacity: 1; }
	100% { transform: scale(1.3); opacity: 0; }
}

/* ********************************************************************************* *
/* button / icon
/* ********************************************************************************* */
.btn_area { position: relative; display: flex; align-items: center; flex-wrap: wrap; width: 100%; z-index: 2; }
.btn_area.fixed { flex-wrap: nowrap; }
.btn_area .cm_btn { margin-right: 10px; }
.btn_area .cm_btn:last-child { margin-right: 0; }
.btn_area.center { justify-content: center; }
.btn_area.center .cm_btn { margin-right: 5px; margin-left: 5px; }
.btn_area.center .cm_btn:first-child { margin-left: 0; }
.btn_area.center .cm_btn:last-child { margin-right: 0; }
.btn_area.right { justify-content: flex-end; }
.btn_area.right .cm_btn { margin-right: 0; margin-left: 10px; }
.btn_area.right .cm_btn:first-child { margin-left: 0; }
.btn_area.between { justify-content: space-between; }
.btn_area.between .btn_left .cm_btn { margin-right: 10px; }
.btn_area.between .btn_right .cm_btn { margin-left: 10px; }

.cm_btn { position: relative; display: inline-flex; vertical-align: top; align-items: center; justify-content: center; min-height: 50px; padding: 7px 25px; line-height: 1.2; font-weight: 500; text-align: center; word-break: keep-all; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; cursor: pointer; }
.cm_btn.hover:hover { color: #1565c0; background-color: #eff3fb; border-color: #1565c0; transition: color 0.3s, background-color 0.3s, border-color 0.3s; }
.btn_xs { min-height: 35px; padding: 8px 15px; font-size: 15px; }
.btn_sm { min-height: 40px; padding: 10px 20px; font-size: 15px; }
.btn_lg { min-height: 60px; padding: 10px 35px; font-size: 17px; }
.radius_none { border-radius: 0 !important; }
.radius_crn { border-radius: 5px !important; }
.radius_round { border-radius: 50px !important; }
.radius_circle { border-radius: 50% !important; }
.radius_etc { border-radius: 25px 0 25px 0 !important; }
.btn_150 { min-width: 150px; }

.cm_btn1 { color: #fff; background-color: #0a4a9b; border-color: #0a4a9b; }
.cm_btn2 { color: #0a4a9b; background-color: #fff; border-color: #0a4a9b; }
.cm_btn3 { color: #222; background-color: #ddd; border-color: #ddd; }
.cm_btn4 { color: #fff; background-color: #333; border-color: #333; }
.cm_btn5 { color: #333; background-color: #fff; border-color: #333; }
.cm_btn6 { color: #fff; background-color: #666; border-color: #666; }
.cm_btn7 { color: #0057f8; background-color: #fff; border-color: #377ef9; }
.cm_btn8 { color: #fff; background-color: #1565c0; border-color: #1565c0; }
.cm_btn_etc { min-height: 0; height: auto; padding: 0; background-color: transparent; border-color: transparent; }

/* 아이콘 버튼 */
.cm_btn.icon_left > span,
.cm_btn.icon_right > span { position: relative; display: inline-flex; align-items: center; }
.cm_btn.icon_left > span:before,
.cm_btn.icon_right > span:after { content: ''; flex-shrink: 0; display: block; background-repeat: no-repeat; background-position: center; background-size: 100%; will-change: transform; transition: background-image 0.2s; }
.cm_btn.icon_left > span:before { margin-right: 10px; }
.cm_btn.icon_right > span:after { margin-left: 10px; }
.cm_btn_icon { min-height: 0; font-size: 0; padding: 0; }
.cm_btn_icon > span:before,
.cm_btn_icon > span:after { margin: 0 !important; }

.btn_reset > span:before,
.btn_reset > span:after { width: 18px; height: 18px; margin-top: 1px; background-image: url(../../images/common/icon_refresh.svg); }
.btn_more > span:before,
.btn_more > span:after { width: 13px; height: 13px; margin-top: 1px; background-image: url(../../images/common/icon_arr01.svg); }
.btn_more2 > span:before,
.btn_more2 > span:after { width: 16px; height: 16px; margin-top: 1px; background-image: url(../../images/common/icon_arr02.svg); }
.btn_more2.type2 > span { width: 100%; justify-content: space-between; }
.btn_more2.hover > span:after { transition: transform 0.2s; }
.btn_more2.hover:hover > span:after { transform: translateX(20%); }
.btn_more3 { width: 30px; height: 30px; border: 0; }
.btn_more3 > span:before,
.btn_more3 > span:after { width: 30px; height: 30px; background-image: url(../../images/common/icon_add01.svg); }
.btn_more3.hover > span:before,
.btn_more3.hover > span:after { transition: transform 0.2s; }
.btn_more3.hover:hover > span:before,
.btn_more3.hover:hover > span:after { transform: rotate(180deg); }
.btn_more4 > span:before,
.btn_more4 > span:after { width: 11px; height: 11px; margin-top: 1px; background-image: url(../../images/common/icon_bcmb_show02.svg); }
.btn_more4.active > span:before,
.btn_more4.active > span:after { background-image: url(../../images/common/icon_bcmb_hide.svg); }
.btn_more5 > span:before,
.btn_more5 > span:after { width: 7px; height: 12px; margin-top: 1px; background-image: url(../../images/common/icon_arr10.svg); }
.btn_add { width: 44px; height: 44px; background-color: #808080; border-color: #808080; border-radius: 100%; }
.btn_add > span:before,
.btn_add > span:after { width: 44px; height: 44px; background-image: url(../../images/common/icon_add02.svg); }
.btn_del { width: 44px; height: 44px; background-color: #808080; border-color: #808080; border-radius: 100%; }
.btn_del > span:before,
.btn_del > span:after { width: 44px; height: 44px; background-image: url(../../images/common/icon_del.svg); }
.btn_link1 > span:before,
.btn_link1 > span:after { width: 16px; height: 16px; background-image: url(../../images/common/icon_link03.svg); }
.btn_link2 > span:before,
.btn_link2 > span:after { width: 20px; height: 20px; margin-top: 3px; background-image: url(../../images/common/icon_arr07.svg); }
.btn_link3 > span:before,
.btn_link3 > span:after { width: 16px; height: 16px; background-image: url(../../images/common/icon_link04.svg); }
.btn_user > span:before,
.btn_user > span:after { width: 22px; height: 18px; margin-top: 3px; background-image: url(../../images/common/icon_writer03.svg); }
.cm_btn.btn_search { min-width: 50px; padding: 0; font-size: 0; }
.cm_btn.btn_search > span:before,
.cm_btn.btn_search > span:after { width: 22px; height: 22px; margin: 0; background-image: url(../../images/common/icon_search02.svg); }
.cm_btn.btn_search2 > span:before,
.cm_btn.btn_search2 > span:after { width: 16px; height: 16px; background-image: url(../../images/common/icon_search03.svg); }
.btn_location { border: 2px solid #fcbd41; border-radius: 50px; }
.btn_location > span:before,
.btn_location > span:after { width: 16px; height: 21px; background-image: url(../../images/common/icon_location02.svg); }

/* icon */
.cm_icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; margin-top: -3px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 100%; transition: background-image 0.2s; }
.cm_text_icon { position: relative; vertical-align: middle; display: flex; max-width: 100%; line-height: 1.6; }
.cm_text_icon:before { content: ''; position: absolute; left: 0; background-repeat: no-repeat; background-position: center; background-size: 100%; transition: background-image 0.2s; }

.icon_new { width: 28px; height: 28px; padding-bottom: 1px; font-size: 16px; font-weight: 600; color: #fff; background-color: #ffcc00; border-radius: 100%; }
.icon_homepage { width: 36px; height: 36px; background-image: url(../../images/common/icon_home02.svg); }
.icon_homepage.none { background-image: url(../../images/common/icon_home03.svg); cursor: default; }
.icon_like { width: 36px; height: 36px; background-image: url(../../images/common/icon_like01.svg); }
.icon_like.active { background-image: url(../../images/common/icon_like02.svg); }
.icon_best { width: 40px; height: 45px; background-image: url(../../images/common/icon_best.svg); }

.cm_text_icon.text_info { padding-left: 30px; line-height: 1.4; font-size: 15px; text-align: left; color: #538dec; }
.cm_text_icon.text_info:before { top: 0; width: 22px; height: 22px; background-image: url(../../images/common/icon_info01.svg); }
.cm_text_icon.text_info2 { padding-left: 30px; line-height: 1.4; }
.cm_text_icon.text_info2:before { top: 8px; width: 20px; height: 9px; background-image: url(../../images/common/icon_info02.svg); }
.cm_text_icon.text_info3 { padding-left: 40px; line-height: 1.4; font-weight: 600; }
.cm_text_icon.text_info3:before { top: -5px; width: 32px; height: 32px; background-image: url(../../images/common/icon_info03.svg); }
.cm_text_icon.text_info4 { display: inline-flex; min-height: 40px; padding: 10px; padding-left: 40px; padding-right: 20px; line-height: 1.4; font-weight: 600; color: #1565c0; font-size: 14px; background-color: #e3f2fd; border: 1px solid #aecbf1; border-radius: 50px; }
.cm_text_icon.text_info4:before { left: 10px; top: 8px; width: 22px; height: 22px; background-image: url(../../images/common/icon_info04.svg); }
.cm_text_icon.text_date { padding-left: 30px; }
.cm_text_icon.text_date:before { top: 3px; width: 19px; height: 19px; background-image: url(../../images/common/icon_calendar01.svg); }
.cm_text_icon.text_date2 { padding-left: 25px; font-size: 15px; }
.cm_text_icon.text_date2:before { top: 4px; width: 16px; height: 16px; background-image: url(../../images/common/icon_calendar02.svg); }
.cm_text_icon.text_view { padding-left: 30px; }
.cm_text_icon.text_view:before { top: 5px; width: 22px; height: 14px; background-image: url(../../images/common/icon_view01.svg); }
.cm_text_icon.text_writer1 { padding-left: 30px; }
.cm_text_icon.text_writer1:before { top: 3px; width: 19px; height: 19px; background-image: url(../../images/common/icon_writer01.svg); }
.cm_text_icon.text_writer2 { padding-left: 30px; }
.cm_text_icon.text_writer2:before { top: 3px; width: 19px; height: 19px; background-image: url(../../images/common/icon_writer02.svg); }
.cm_text_icon.text_location { padding-left: 30px; }
.cm_text_icon.text_location:before { top: 3px; width: 16px; height: 20px; background-image: url(../../images/common/icon_location.svg); }
.cm_text_icon.text_location2 { padding-left: 30px; font-size: 18px; font-weight: 500; }
.cm_text_icon.text_location2:before { top: 3px; width: 16px; height: 21px; background-image: url(../../images/common/icon_location02.svg); }
.cm_text_icon.text_sectors { padding-left: 30px; }
.cm_text_icon.text_sectors:before { top: 3px; width: 18px; height: 20px; background-image: url(../../images/common/icon_file02.svg); }
.cm_text_icon.text_production { padding-left: 30px; }
.cm_text_icon.text_production:before { top: 3px; width: 19px; height: 21px; background-image: url(../../images/common/icon_cube.svg); }
.cm_text_icon.text_tel { padding-left: 30px; }
.cm_text_icon.text_tel:before { top: 3px; width: 21px; height: 20px; background-image: url(../../images/common/icon_tel.svg); }
.cm_text_icon.text_mail { padding-left: 30px; text-decoration: underline; }
.cm_text_icon.text_mail:before { top: 4px; width: 22px; height: 18px; background-image: url(../../images/common/icon_mail.svg); }
.cm_text_icon.text_homepage { padding-left: 30px; }
.cm_text_icon.text_homepage:before { top: 3px; width: 19px; height: 19px; background-image: url(../../images/common/icon_home04.svg); }
.cm_text_icon.text_pd { padding-left: 30px; }
.cm_text_icon.text_pd:before { top: 3px; width: 20px; height: 18px; background-image: url(../../images/common/icon_pd.svg); }

/* label */
.cm_label { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; height: 32px; padding: 5px 15px; font-size: 15px; font-weight: 500; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; }
.cm_label1 { color: #595959; background-color: #f4f4f4; border-color: #f4f4f4; }
.cm_label2 { color: #1565c0; background-color: #e3f2fd; border-color: #e3f2fd; }
.cm_label3 { color: #8448a9; background-color: #f3e3fd; border-color: #f3e3fd; }
.cm_label4 { color: #018f95; background-color: #e4f8f9; border-color: #e4f8f9; }
.cm_label5 { color: #9f4400; background-color: #ffead3; border-color: #ffead3; }
.cm_label6 { color: #019030; background-color: #daf7e1; border-color: #daf7e1; }
.cm_label7 { color: #745d00; background-color: #fff2bd; border-color: #fff2bd; }
.cm_label8 { color: #c5224e; background-color: #fde3ea; border-color: #fde3ea; }
.cm_label9 { color: #ffcc00; background-color: #555; border-color: #555; }

.cm_label_noti { position: relative; min-width: 70px; height: 36px; padding: 4px 13px 6px; font-size: 16px; font-weight: 500; line-height: 1; border: 2px solid #fcaf17; border-radius: 3px; }
.cm_label_noti:before,
.cm_label_noti:after { content: ''; position: absolute; left: 7px; right: 7px; height: 2px; background-color: #fff; }
.cm_label_noti:before { top: -2px; }
.cm_label_noti:after { bottom: -2px; }
.cm_label_number { min-width: 0; padding: 0; color: #5a5a5a; border: none; border-radius: 0; text-decoration: underline; }

/* tag list */
.cm_tag { display: flex; flex-wrap: wrap; margin: -5px; }
.cm_tag .tag_item { display: flex; align-items: center; height: 36px; margin: 5px; padding: 0 15px; font-size: 15px; background-color: #f3f3f3; border-radius: 50px; }
.cm_tag .tag_item:before { content: '#'; margin-right: 2px; }
.cm_tag.type2 .tag_item { background-color: #fff; border: 1px solid #ddd; }

/* ********************************************************************************* *
/* form
/* ********************************************************************************* */
.form_group { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.form_group.noCols { margin: 0; }
.form_group.fixed { flex-wrap: nowrap; }
.form_group.fixed .col,
.form_group.fixed [class^="col-"] { flex-shrink: 1; }
.form_group .col,
.form_group [class^="col-"] { padding-right: 10px; padding-left: 10px; }
.form_group .col-text { align-self: center; text-align: center; padding-left: 0; padding-right: 0; }

.form_check_group { display: flex; flex-wrap: wrap; margin: -5px -15px; }
.form_check_group.right { justify-content: flex-end; }
.form_check_group.center { justify-content: center; }
.form_check_group > li { padding: 5px 15px; }
.form_check_group.type2 { margin: -5px; }
.form_check_group.type2 > li { padding: 5px; }
.form_check_group.type2 > li .form_check2 input + .form_label { margin-top: 0; }

.form_label { display: inline-flex; align-items: center; align-self: center; width: 100%; font-weight: 500; flex-shrink: 0; }
.form_control { width: 100%; height: 50px; padding: 0 15px; font-size: 16px; color: #333; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; }
textarea.form_control { height: 250px; padding: 15px; resize: vertical; }
select.form_control { padding-right: 35px; background: #fff url(../../images/common/icon_arr_select.svg) no-repeat right 15px center / 13px; }
.form_datepicker { padding-left: 50px; background: #fff url(../../images/common/icon_calendar02.svg) no-repeat left 15px center / 19px; }
.form_control[readonly],
.form_control:disabled { color: #5a5a5a; background-color: #ecebee; border-color: #ddd; resize: none; opacity: 1; }

/* check/radio */
.form_check { display: inline-block; vertical-align: middle; user-select: none; cursor: pointer; }
.form_check input{ display: none; }
.form_check input + .form_label { display: flex; align-items: flex-start; height: auto; margin: 0; line-height: 1.3; font-weight: 400; cursor: pointer; user-select: none; }
.form_check input + .form_label:before { flex-shrink: 0; content: ''; width: 20px; height: 20px; margin-right: 10px; border: 1px solid #ddd; border-radius: 3px; background-color: #fff; background-repeat: no-repeat; background-size: 100%; background-position: center; }
.form_check input[type=radio] + .form_label:before { width: 22px; height: 22px; border-radius: 100%; }
.form_check input:checked + .form_label:before { background-color: #1565c0; border-color: #1565c0; }
.form_check input[type=checkbox]:checked + .form_label:before { background-image: url(../../images/common/icon_check01.svg); }
.form_check input[type=radio]:checked + .form_label:before { background-color: #fff; background-image: url(../../images/common/icon_radio01.svg); border-width: 2px; }
.form_check input:disabled + .form_label,
.form_check input:disabled:focus + .form_label { color: #999; cursor: default; }
.form_check input:disabled + .form_label:before,
.form_check input:disabled:focus + .form_label:before { background-color: #f6f6f6; }
.form_check input:disabled:checked + .form_label:before,
.form_check input:disabled:focus:checked + .form_label:before { background-color: #f6f6f6; border-color: #ddd; }
.form_check input[type=checkbox]:disabled:checked + .form_label:before,
.form_check input[type=checkbox]:disabled:focus:checked + .form_label:before { background-image: url(../../images/common/icon_check02.svg); }
.form_check input[type=radio]:disabled:checked + .form_label:before,
.form_check input[type=radio]:disabled:focus:checked + .form_label:before { background-image: url(../../images/common/icon_radio02.svg); }
.form_check.notext input + .form_label:before { margin: 0; }

.form_check2 { display: inline-block; vertical-align: middle; user-select: none; cursor: pointer; }
.form_check2 input { display: none; }
.form_check2 input + .form_label { display: flex; align-items: center; height: 46px; margin: 0; padding: 10px 30px; background-color: #fff; border: 1px solid #ddd; border-radius: 50px; cursor: pointer; user-select: none; transition: color 0.2s, background-color 0.2s, border-color 0.2s; }
.form_check2:hover input + .form_label { color: #0a4a9b; border-color: #0a4a9b; }
.form_check2 input:checked + .form_label { color: #fff; background-color: #0a4a9b; border-color: #0a4a9b; }
.form_check2 input:disabled + .form_label,
.form_check2 input:disabled:focus + .form_label { color: #999; background-color: #f5f5f5; border-color: #ddd; cursor: default; }
.form_check2 input:checked:disabled + .form_label,
.form_check2 input:checked:disabled:focus + .form_label { color: #999; background-color: #e1e1e1; border-color: #e1e1e1; cursor: default; }
.form_check2.type2 input:checked + .form_label:before { content: ''; display: block; width: 12px; height: 9px; margin: 0; margin-right: 10px; background: url(../../images/common/icon_check03.svg) no-repeat center / 100%; }
.form_check2.small input + .form_label { padding: 10px 17px; }
.form_check2.small input:checked + .form_label:before { width: 10px; margin-right: 8px; }

/* 파일 */
.form_file { align-items: center; width: 100%; margin: 0; } /* flex-wrap: nowrap; */
.form_file input[type=file] { display: none; }
.form_file .form_file_text { position: relative; display: flex; align-items: center; width: calc(100% - 125px); margin-right: 15px; padding-right: 50px; background-color: #f3f3f3; }
.form_file .form_file_text > label { max-width: 100%; margin: 0; color: #666; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.form_file .btn_delete { position: absolute; right: 15px; top: 50%; width: 20px; height: 20px; margin-top: -10px; font-size: 0; background: url(../../images/common/icon_close03.svg) no-repeat center / 100%; }
.form_file .form_file_box { flex-shrink: 0; width: 110px; }
.form_file .cm_btn { width: 100%; }

.form_file_list li { position: relative; display: flex; margin-bottom: 15px; }
.form_file_list li:before { content: ''; flex-shrink: 0; display: block; width: 16px; height: 19px; margin-top: 3px; margin-right: 10px; background: url(../../images/common/icon_file01.svg) no-repeat center / 100%; }
.form_file_list li:last-child { margin-bottom: 0; }
.form_file_list li > a { flex-shrink: 0; display: inline-flex; align-items: center; vertical-align: top; max-width: calc(100% - 26px - 35px); }
.form_file_list li > a span { position: relative; display: block; width: 100%; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: color 0.2s; }
.form_file_list.hover li > a span { padding-right: 30px; }
.form_file_list.hover li > a span:after { content: ''; position: absolute; top: 1px; right: 0; display: block; width: 17px; height: 17px; background: url(../../images/common/icon_download01.svg) no-repeat center / 100%; opacity: 0; transition: opacity 0.2s; }
.form_file_list.hover li > a span:hover { color: #1565c0; text-decoration: underline; }
.form_file_list.hover li > a span:hover:after { opacity: 1; }
.form_file_list .btn_area { flex-shrink: 0; width: auto; }
.form_file_list .btn_area .btn_delete { display: block; width: 14px; height: 14px; margin-top: 3px; margin-left: 10px; font-size: 0; background: url(../../images/common/icon_close01.svg) no-repeat center / 100%; }

/* ui 달력 */
.ui-datepicker { padding: 0; width: 260px; font-size: 14px; border-radius: 5px; border: 1px solid #dee0e1; overflow: hidden; }
.ui-datepicker .ui-datepicker-header { padding: 10px; border-radius: 0; background-image: none; background-color: #eff2f9; border: 0; border-bottom: 1px solid #dee0e1; }
.ui-datepicker .ui-datepicker-title { position: relative; margin: 0; line-height: 1; }
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; background-repeat: no-repeat; background-position: center; background-size: 8px; z-index: 1; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { background-image: url(../../images/common/pg_prev.svg); }
.ui-datepicker .ui-datepicker-next{ background-image: url(../../images/common/pg_next.svg); }
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover { border: 0; background-color: transparent; }
.ui-datepicker .ui-datepicker-title select { width: 80px; height: 30px; margin: 0 5px; padding: 0 10px; padding-right: 30px; font-size: 14px; font-weight: 400; line-height: 1.5; color: #333; border: 1px solid #dee0e1; border-radius: 3px; transition: border-color 0.15s ease-in-out; background: #fff url(../../images/common/icon_arr_select.svg) no-repeat right 10px center / 11px; }
.ui-datepicker table { margin: 0; }
.ui-datepicker th { height: 30px; padding: 0; text-align: center; background-color: #e6ebf7; }
.ui-datepicker td { height: 30px; padding: 0; text-align: center; border-right: 1px solid #dee0e1; border-top: 1px solid #dee0e1; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { display: block; width: 100%; height: 30px; padding: 0; line-height: 30px; text-align: center; border: 0; background-image: none; background-color: #fff; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #fff; font-weight: 600; background-color: #1565c0; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #1565c0; font-weight: 600; background-color: #f5f6fa; }

/* ********************************************************************************* *
/* common style
/* ********************************************************************************* */
/* 유틸 레이아웃 */
.cm_option { display: flex; position: relative; align-items: center; justify-content: space-between; width: 100%; z-index: 2; }
.cm_option.start { align-items: flex-start; }
.cm_option.end { align-items: flex-end; }
.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_tab_content .tab_cont { display: none; }
.cm_tab_content .tab_cont.active { display: block; }
.cm_tab { display: flex; width: 100%; }

/* 탭 스타일1 */
.cm_tab1 .cm_tab { }
.cm_tab1 .btn_tab { margin-right: 20px; font-size: 18px; }
.cm_tab1 .btn_tab:last-child { margin-right: 0; }
.cm_tab1 .btn_tab > a { position: relative; display: flex; align-items: center; padding-left: 20px; color: #5a5a5a; transition: color 0.2s, padding 0.2s; }
.cm_tab1 .btn_tab > a:before { content: ''; position: absolute; top: 50%; left: 0; display: block; width: 10px; height: 10px; margin-top: -5px; background-color: #fcaf17; border-radius: 100%; opacity: 0; transform: scale(0); transition: opacity 0.2s, transform 0.2s; }
.cm_tab1 .btn_tab.active > a:before { opacity: 1; transform: scale(1); }
.cm_tab1 .btn_tab > a:hover { color: #333; }
.cm_tab1 .btn_tab.active > a { color: #333; font-weight: 500; }

/* 탭 스타일2 */
.cm_tab2 .cm_tab { }
.cm_tab2 .btn_tab { margin-right: 10px; }
.cm_tab2 .btn_tab:last-child { margin-right: 0; }
.cm_tab2 .btn_tab > a { position: relative; display: flex; align-items: center; justify-content: center; height: 46px; padding: 10px 30px; background-color: #f3f3f3; border-radius: 50px; transition: color 0.2s, background-color 0.2s; }
.cm_tab2 .btn_tab > a:hover { color: #fff; background-color: #333; }
.cm_tab2 .btn_tab.active > a { color: #fff; font-weight: 500; background-color: #333; }

/* 탭 스타일3 */
.cm_tab3 { margin-bottom: 40px; }
.cm_tab3 .cm_tab { border-bottom: 2px solid #eee; }
.cm_tab3 .btn_tab { margin-right: 40px; }
.cm_tab3 .btn_tab:last-child { margin-right: 0; }
.cm_tab3 .btn_tab > a { position: relative; display: flex; align-items: center; justify-content: center; height: 48px; font-size: 17px; color: #5a5a5a; transition: color 0.2s; }
.cm_tab3 .btn_tab > a:after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #1565c0; opacity: 0; transition: opacity 0.2s; }
.cm_tab3 .btn_tab > a:hover { color: #1565c0; }
.cm_tab3 .btn_tab.active > a { color: #1565c0; font-weight: 600; }
.cm_tab3 .btn_tab > a:hover:after,
.cm_tab3 .btn_tab.active > a:after { opacity: 1; }

/* 게시판 유틸 */
.form_option { margin-bottom: 30px; }
.form_utill { display: flex; align-items: center; }
.form_utill .utill_item { position: relative; display: inline-block; padding: 0 15px; line-height: 1; }
.form_utill .utill_item:first-child { padding-left: 0; }
.form_utill .utill_item:last-child { padding-right: 0; }
.form_utill .utill_item:after { content: ''; position: absolute; right: -1px; top: 50%; width: 1px; height: 14px; margin-top: -6px; background-color: #d6d6d6; }
.form_utill .utill_item.no_bul { padding-right: 0; }
.form_utill .utill_item.no_bul:after { display: none; }
.form_utill .utill_item:last-child:after { display: none; }

/* 게시판 검색 */
.form_search { margin-bottom: 60px; }
.form_search .form_search_inner { position: relative; display: flex; align-items: center; justify-content: center; }
.form_search .form_search_inner .form_control { width: 100%; height: 55px; padding: 0 10px; border: 0; border-bottom: 3px solid #333; border-radius: 0; }
.form_search .search_select { flex-shrink: 0; position: relative; }
.form_search .search_select select.form_control { width: 100%; padding-right: 35px; border: 0; border-bottom: 3px solid #333; border-radius: 0; }
.form_search .search_btn { flex-shrink: 0; }
.form_search .search_btn .btn_search { width: 40px; height: 55px; font-size: 0; border-bottom: 3px solid #333; background: #fff url(../../images/common/icon_search01.svg) no-repeat center / 22px; }
.form_search .btn_area { width: 0; margin-left: 30px; }
.form_detail { margin-left: 30px; }
.form_search_detail { display: none; margin-top: 40px; }
.form_search_detail.active { display: block; }
.form_search.type3 { margin-bottom: 50px; padding: 40px; background-color: #f3f3f3; border-radius: 10px; }
.form_search.type3 .form_search_inner { justify-content: center; }
.form_search.type3 .form_search_inner .form_control { border: 1px solid #ddd; border-radius: 5px; }
.form_search.type3 .search_input { width: 500px; }
.form_search.type3 .search_btn { margin-left: 10px; }
.form_search.type3 .search_btn .btn_search { width: 55px; background-color: #666; border: 0; border-radius: 5px; background-image: url(../../images/common/icon_search02.svg); }
.form_search.type3 .tag_area { display: flex; align-items: flex-start; justify-content: center; max-width: 80%; margin: 0 auto; margin-top: 25px; }
.form_search.type3 .tag_area .tag_title { flex-shrink: 0; margin-right: 20px; margin-top: 6px; font-weight: 500; }

/* 게시판 */
.cm_board .item_box { display: flex; align-items: center; }
.cm_board .item_subject { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cm_board .item_box > div { line-height: 1; }
.cm_board .item_box > div:not(.item_subject) { flex-shrink: 0; }
.cm_board .item_box:hover .item_subject { text-decoration: underline; }

/* 게시판 스타일1 */
.cm_board1 { border-top: 1px solid #000; }
.cm_board1 .board_item { border-bottom: 1px solid #ddd; }
.cm_board1 .item_box { display: flex; align-items: center; min-height: 90px; }
.cm_board1 .item_box > div { padding: 0 20px; }
.cm_board1 .item_box > div + div { padding-left: 0; }
.cm_board1 .item_box .item_label { width: 112px; }
.cm_board1 .item_box .item_number { width: 112px; text-align: center; font-weight: 500; }
.cm_board1 .item_box .item_subject { padding-top: 5px; padding-bottom: 5px; font-size: 17px; font-weight: 500; }
.cm_board1 .item_box .item_subject .icon_new { margin-right: 10px; }
.cm_board1 .item_box .item_date { font-weight: 500; color: #5a5a5a; }

/* 테이블 */
.cm_table { table-layout: fixed; width: 100%; }
.cm_table.auto { table-layout: auto; }
.cm_table th { height: 60px; padding: 12px 15px; text-align: center; color: #222; font-weight: 500; background-color: #fff; border-bottom: 1px solid #ddd; }
.cm_table td { height: 60px; padding: 12px 15px; text-align: center; color: #444; line-height: 1.5; background-color: #fff; border-bottom: 1px solid #ddd; }
.cm_table td.subject { text-align: left !important; font-weight: 500; }
.cm_table td.subject > a { display: inline-block; max-width: 100%; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.cm_table td.date { color: #5a5a5a; }
.cm_table td.cm_nodata { height: auto; }
[class^="cm_table"].center .cm_table th,
[class^="cm_table"].center .cm_table td { text-align: center; }
[class^="cm_table"].left .cm_table th,
[class^="cm_table"].left .cm_table td { text-align: left; }

/* 테이블 스크롤 가이드 */
.scroll_guide { position: relative; }
.scroll_guide:before { content: ''; position: absolute; top: 10%; left: 60%; width: 70px; height: 70px; background: #fff; border-radius: 100%; box-shadow: 3px 3px 15px 0 rgba(0,0,0,0.2); opacity: 0; z-index: -1; transition: opacity 0.2s; }
.scroll_guide:after { content: ''; position: absolute; top: 10%; left: 60%; width: 70px; height: 70px; background: url(../../images/common/img_scroll.svg) no-repeat center / 100%; transform: translate3d(10px, 0, 0); opacity: 0; z-index: -1; transition: opacity 0.2s; animation: moveLeft 1.3s infinite both; }
.scroll_guide.active:before,
.scroll_guide.active:after { opacity: 1; z-index: 2; }

/* 테이블 스타일1 */
.cm_table1 { border-top: 1px solid #000; }
.cm_table1 .cm_table th { padding: 15px 30px; color: #767676; text-align: left; }
.cm_table1 .cm_table td { padding: 15px 30px; text-align: left; }

/* 테이블 스타일2 */
.cm_table2 { border-top: 2px solid #666; }
.cm_table2 .cm_table th { padding: 8px 10px; font-weight: 500; background-color: #f3f3f3; }
.cm_table2 .cm_table td { padding: 8px 10px; text-align: center; }
.cm_table2.type2 .cm_table th { height: 45px; font-size: 15px; }
.cm_table2.type2 .cm_table td { height: 45px; font-size: 15px; }

/* 테이블 스타일3 */
.cm_table3 { border-top: 2px solid #666; }
.cm_table3 .cm_table th { height: 50px; padding: 10px; font-weight: 500; background-color: #f3f3f3; border-right: 1px solid #ddd; }
.cm_table3 .cm_table td { height: 50px; padding: 10px; text-align: center; border-right: 1px solid #ddd; }
.cm_table3 .cm_table th:last-child,
.cm_table3 .cm_table td:last-child { border-right: 0; }
.cm_table3.type2 .cm_table td { padding: 15px 25px; }

/* 게시판 상세 */
.cm_board_view { word-break: keep-all; }
.cm_board_view .board_view_head { position: relative; text-align: center; padding: 40px 0; border-top: 2px solid #333; border-bottom: 1px solid #ddd; }
.cm_board_view .board_view_head .view_title { display: flex; justify-content: center; font-size: 22px; font-weight: 600; line-height: 1.6; }
.cm_board_view .board_view_head .view_title .cm_label { flex-shrink: 0; margin-right: 10px; }
.cm_board_view .board_view_head .view_text { margin-top: 30px; color: #666; line-height: 1.5; }
.cm_board_view .board_view_head .view_info { display: flex; justify-content: center; margin-top: 20px; }
.cm_board_view .board_view_head .view_info .cm_text_icon { margin-right: 15px; color: #5a5a5a; }
.cm_board_view .board_view_head .view_info .cm_text_icon:last-child { margin-right: 0; }
.cm_board_view .board_view_cont { min-height: 300px; padding: 40px 0; border-bottom: 1px solid #ddd; }
.cm_board_view .board_view_cont .editor_cont { font-size: 16px; letter-spacing: 0; line-height: normal; line-height: 1.6; }
.cm_board_view .board_view_cont .editor_cont * { font-family: 'OpenSans', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', helvetica, 'Apple SD Gothic Neo', sans-serif !important; }
.cm_board_view .board_view_cont .editor_cont em,
.cm_board_view .board_view_cont .editor_cont i { font-style: italic; }
.cm_board_view .board_view_cont .editor_cont strong,
.cm_board_view .board_view_cont .editor_cont b { font-weight: bold; }
.cm_board_view .board_view_cont .editor_cont sup { vertical-align: super; font-size: smaller; }
.cm_board_view .board_view_cont .editor_cont sub { vertical-align: sub; font-size: smaller; }
.cm_board_view .board_view_cont .editor_cont img { max-width: 100%; }
.cm_board_view .board_view_cont .editor_cont table { max-width: 100%; }
.cm_board_view .board_view_cont .editor_cont table th { padding: 5px; border: 1px solid #666; border-right: 0; border-top: 0; }
.cm_board_view .board_view_cont .editor_cont table th:last-child { border-right: 1px solid #666; }
.cm_board_view .board_view_cont .editor_cont table tr:first-child th { border-top: 1px solid #666; }
.cm_board_view .board_view_cont .editor_cont table tbody td { padding: 5px; border: 1px solid #666; border-right: 0; border-top: 0; }
.cm_board_view .board_view_cont .editor_cont table tbody td:last-child { border-right: 1px solid #666; }
.cm_board_view .board_view_cont .editor_cont table tbody tr:first-child td { border-top: 1px solid #666; }
.cm_board_view .board_view_cont .editor_cont .marker { background-color: Yellow; }
.cm_board_view .answer_cont { padding: 40px 0; border-bottom: 1px solid #ddd; }
.cm_board_view .answer_cont .ans_title { margin-bottom: 15px; }
.cm_board_view .answer_cont .ans_text { line-height: 2; }
.cm_board_view .answer_cont .ans_info { display: flex; align-items: center; margin-top: 20px; }
.cm_board_view .answer_cont.nodata .ans_text { color: #767676; }
.cm_board_view .board_view_file { padding: 30px 20px; border-bottom: 1px solid #ddd; }
.cm_board_view .board_view_head2 { position: relative; padding: 40px; background-color: #fff; border-radius: 20px; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); }
.cm_board_view .board_view_head2 .view_label { display: flex; flex-wrap: wrap; margin: -5px; margin-bottom: 15px; padding-right: 50px; }
.cm_board_view .board_view_head2 .view_label .cm_label { margin: 5px; }
.cm_board_view .board_view_head2 .view_title { justify-content: flex-start; font-size: 22px; font-weight: 500; line-height: 1.6; }
.cm_board_view .board_view_head2 .icon_like { position: absolute; top: 40px; right: 40px; }
.cm_board_view .board_view_cont2 { margin-top: 10px; padding: 40px; border-bottom: 1px solid #ddd; }
.cm_board_view .board_view_cont2 .cm_bul1 dl { display: flex; }
.cm_board_view .board_view_cont2 .cm_bul1 dl dt { flex-shrink: 0; min-width: 115px; padding-right: 15px; color: #767676; }
.cm_board_view .board_view_cont2 .cm_bul1 dl dd { width: 100%; }

/* 작성 */
.cm_form_write { padding: 40px 0; border-top: 2px solid #000; border-bottom: 1px solid #ddd; }
.cm_form_write > .form_group { min-height: 50px; }
.cm_form_write > .form_group + .form_group { margin-top: 15px; min-height: 50px; }
.cm_form_write > .form_group .form_label { margin-top: 14px; }
.cm_form_write.type2 { padding-bottom: 0; padding-left: 30px; padding-right: 30px; border-top-width: 1px; border-bottom: none; }
.cm_form_write.type2 > .form_group + .form_group { margin-top: 20px; }

/* 노데이터 */
.cm_nodata > p { padding: 50px 0; text-align: center; font-weight: 500; font-size: 17px; }
.cm_nodata > p:before { content: ''; display: block; width: 95px; height: 95px; margin: 0 auto 20px; background: #fff url(../../images/common/img_nodata.svg) no-repeat center / 100%; }
.cm_nodata.type2 > p { padding: 30px 0; font-size: 16px; }
.cm_nodata.type2 > p:before { width: 80px; height: 80px; }
.cm_nodata.type3 > p { padding: 30px 0; }
.cm_nodata.type3 > p:before { display: none; }

/* 페이징 */
.cm_paging { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 60px; }
.cm_paging .pg_item { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0 1.5px; text-align: center; background-color: #fff; transition: background-color 0.15s, background-image 0.15s, color 0.15s; }
.cm_paging .pg_ctrl { width: 34px; height: 44px; margin: 0; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: auto 20px; border-color: transparent; }
.cm_paging .pg_first { background-image: url(../../images/common/pg_first.svg); }
.cm_paging .pg_prev { margin-right: 30px; background-image: url(../../images/common/pg_prev.svg); }
.cm_paging .pg_next { margin-left: 30px; background-image: url(../../images/common/pg_next.svg); }
.cm_paging .pg_last { background-image: url(../../images/common/pg_last.svg); }
.cm_paging .pg_item:hover { background-color: #f4f4f4; }
.cm_paging .pg_item.on { font-weight: 600; background-color: #ffcc00; }
.cm_paging .pg_ctrl:hover { background-color: #f4f4f4; }
.cm_paging.type2 { margin-top: 40px; }
.cm_paging.type2 .pg_item { width: 36px; height: 36px; font-size: 15px; }
.cm_paging.type2 .pg_ctrl { height: 36px; background-size: auto 16px; font-size: 0; }
.cm_paging.type2 .pg_prev { margin-right: 20px; }
.cm_paging.type2 .pg_next { margin-left: 20px; }

.cm_paging2 { display: flex; margin-top: 40px; }
.cm_paging2 .pg_item { position: relative; display: flex; flex-direction: column; justify-content: center; width: calc((100% - 20px) / 2); margin-right: 20px; padding: 20px 35px; font-size: 18px; line-height: 1.4; background-color: #f4f4f4; background-repeat: no-repeat; background-size: 16px; border-radius: 15px; transition: background-position 0.1s; }
.cm_paging2 .pg_item:last-child { margin-right: 0; }
.cm_paging2 .pg_item span { display: block; margin-bottom: 10px; font-size: 14px; color: #5a5a5a; }
.cm_paging2 .pg_item p { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cm_paging2 .pg_prev { align-items: flex-start; padding-left: 80px; text-align: left; background-image: url(../../images/common/pg_prev02.svg); background-position: left 35px center; }
.cm_paging2 .pg_prev:hover { background-position: left 25px center; }
.cm_paging2 .pg_next { align-items: flex-end; padding-right: 80px; text-align: right; background-image: url(../../images/common/pg_next02.svg); background-position: right 35px center; }
.cm_paging2 .pg_prev:hover { background-position: left 30px center; }
.cm_paging2 .pg_next:hover { background-position: right 30px center; }
.cm_paging2 .pg_prev.nodata:hover { background-position: left 30px center; }
.cm_paging2 .pg_next.nodata:hover { background-position: right 30px center; }

/* 목록 */
.cm_list { display: grid; width: 100%; }
.cm_list .list_item { display: block; }
.cm_list .item_box { display: block; height: 100%; }
.cm_list .thumb_area { position: relative; display: block; width: 100%; }
.cm_list .thumb_area .thumb_box { position: relative; width: 100%; background-color: #ddd; overflow: hidden; }
.cm_list .thumb_area .thumb_box:after { content: ''; display: block; width: 100%; }
.cm_list .thumb_area .thumb_box .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; image-rendering: -webkit-optimize-contrast; }
.cm_list .desc_area { position: relative; width: 100%; }
.cm_list .list_item:hover .desc_area .item_title { text-decoration: underline; }
.cm_list .list_item:hover .thumb_area .thumb_box .thumb { transform: scale(1.05) rotate(-0.001deg); }

/* 목록 스타일1 */
.cm_list1 .cm_list { grid-template-columns: repeat(3, minmax(auto, calc((100% - (30px * 2)) / 3))); gap: 30px; }
.cm_list1 .item_box { padding: 40px; background-color: #fff; border-radius: 20px; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); }
.cm_list1 .list_item .icon_new { position: absolute; top: 0; right: 0; margin: 0; }
.cm_list1 .list_item .item_label { min-height: 36px; }
.cm_list1 .list_item .item_title { height: calc((18px * 1.6) * 2); margin-top: 15px; font-size: 18px; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.cm_list1 .list_item.item_lock .item_title:before { content: ''; display: inline-block; width: 18px; height: 20px; margin-right: 10px; margin-bottom: -3px; background: url(../../images/common/icon_lock.svg) no-repeat center / contain; }
.cm_list1 .list_item .item_info { margin-top: 10px; }

/* 목록 스타일2 */
.cm_list2 .cm_list { grid-template-columns: repeat(4, minmax(auto, calc((100% - (30px * 3)) / 4))); gap: 60px 30px; }
.cm_list2 .item_box { background-color: #fff; }
.cm_list2 .list_item .thumb_area .thumb_box:after { padding-top: 67%; }
.cm_list2 .list_item .desc_area { margin-top: 25px; }
.cm_list2 .list_item .item_title { height: calc((18px * 1.6) * 2); font-size: 18px; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.cm_list2 .list_item .item_info { margin-top: 10px; }

/* 목록 스타일3 */
.cm_list3 .cm_list { grid-template-columns: repeat(4, minmax(auto, calc((100% - (25px * 3)) / 4))); gap: 30px 25px; }
.cm_list3 .item_box { padding: 27px 30.63px; background-color: #fff; border-radius: 20px; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); }
.cm_list3 .list_item .thumb_area .thumb_box:after { padding-top: 108.7%; }
.cm_list3 .list_item .desc_area { display: flex; align-items: center; justify-content: space-between; margin-top: 25px; }
.cm_list3 .list_item .item_title { font-weight: 600; }
.cm_list3 .list_item .item_date { color: #5a5a5a; }

/* 목록 스타일4 */
.cm_list4 .cm_list { grid-template-columns: repeat(3, minmax(auto, calc((100% - (30px * 2)) / 3))); gap: 30px; }
.cm_list4 .item_box { position: relative; padding: 35px 40px; background-color: #fff; border-radius: 20px; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.1); }
.cm_list4 .list_item .item_label { position: absolute; top: -35px; right: -40px; left: -40px; display: flex; justify-content: flex-end; }
.cm_list4 .list_item .item_label > .label { width: 40px; height: 45px; margin-right: 5px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 100%; }
.cm_list4 .list_item .item_label > .label:last-child { margin-right: 0; }
.cm_list4 .list_item .item_label > .label.item_best { background-image: url(../../images/common/icon_best.svg); }
.cm_list4 .list_item .item_label > .label.item_platinum { background-image: url(../../images/common/icon_grade_p.svg); }
.cm_list4 .list_item .item_label > .label.item_gold { background-image: url(../../images/common/icon_grade_g.svg); }
.cm_list4 .list_item .item_label > .label.item_silver { background-image: url(../../images/common/icon_grade_s.svg); }
.cm_list4 .list_item .desc_area { }
.cm_list4 .list_item .item_title { font-size: 22px; line-height: 1.4; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.cm_list4 .list_item .item_overview { display: flex; flex-wrap: wrap; margin-top: 30px; }
.cm_list4 .list_item .item_overview dt { width: 90px; margin-top: 10px; padding-right: 15px; color: #767676; }
.cm_list4 .list_item .item_overview dd { position: relative; width: calc(100% - 90px); margin-top: 10px; padding-left: 15px; }
.cm_list4 .list_item .item_overview dd:after { content: ''; position: absolute; top: 4px; left: 0; width: 1px; height: 14px; background-color: #ddd; }
.cm_list4 .list_item .item_overview dt:nth-of-type(1),
.cm_list4 .list_item .item_overview dd:nth-of-type(1) { margin-top: 0; }
.cm_list4 .list_item .item_info { display: flex; align-items: center; margin-top: 40px; }
.cm_list4 .list_item .item_info .cm_text_icon { margin-right: 20px; }
.cm_list4 .list_item .item_info .cm_text_icon:last-child { margin-right: 0; }
.cm_list4 .list_item .item_home { position: absolute; bottom: 30px; right: 30px; z-index: 1; }
.cm_list4.type2 .cm_list { grid-template-columns: repeat(2, minmax(auto, calc((100% - 30px) / 2))); gap: 30px; }
.cm_list4.type2 .list_item .item_label { position: static; justify-content: flex-start; margin-bottom: 15px; }
.cm_list4.type2 .list_item .item_home { bottom: auto; top: 35px; }

/* 모달 */
.cm_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: table; table-layout: fixed; z-index: 200; display: none; }
.cm_modal .modal_inner { display: table-cell; text-align: center; vertical-align: middle; width: 100%; }
.cm_modal .modal_contents { position: relative; display: flex; flex-direction: column; width: 94%; max-width: 970px; margin: auto; background-color: #fff; border-radius: 20px; overflow: hidden; z-index: 2; transform: translateY(10%); animation: modalFade 0.5s ease both; animation-play-state: paused !important; }
.cm_modal.modal_sm .modal_contents { max-width: 640px; }
.cm_modal.modal_lg .modal_contents { max-width: 1280px; }
.cm_modal .modal_head { position: relative; flex-shrink: 0; display: flex; align-items: center; flex-wrap: wrap; min-height: 80px; padding: 15px 100px 15px 40px; background-color: #0a4a9b; }
.cm_modal .modal_body { flex-shrink: 0; height: 100%; max-height: 85vh; padding: 30px 30px 50px; text-align: left; overflow-y: auto; }
.cm_modal .modal_foot { flex-shrink: 0; height: 90px; padding: 0 30px 30px; }
.cm_modal .modal_title { font-size: 24px; font-weight: 500; line-height: 1.3; color: #fff; text-align: left; }
.cm_modal .modal_close { position: absolute; top: 50%; margin-top: -25px; right: 20px; width: 50px; height: 50px; font-size: 0; background: url(../../images/common/icon_close02.svg) no-repeat center / 21px; z-index: 5; }
.cm_modal .modal_bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; }
.cm_modal .cm_cont + .cm_cont { margin-top: 40px; }

.cm_modal.show { display: table !important; }
.cm_modal.show.show .modal_contents { animation-play-state: running !important; }
.cm_modal.hasHead .modal_body { max-height: calc(85vh - 80px); }
.cm_modal.hasFoot .modal_body { max-height: calc(85vh - 90px); }
.cm_modal.hasHead.hasFoot .modal_body { max-height: calc(85vh - 80px - 90px); }

/* ********************************************************************************* *
/* Layout
/* ********************************************************************************* */
/* header */
.header { position: static; top: 0; left: 0; width: 100%; padding-top: 51px; background-color: #fff; z-index: 100; }
header.header .familysite_area { z-index: 101; position: fixed; top: 0; left: 0; width: 100%; }
.header .inner { display: flex; align-items: center; justify-content: space-between; max-width: 100%; padding: 0 40px; }
.header .head_btm { padding-right: 0; z-index: 1; }
.header .head_btm .inner { height: 110px; }
.header .logo_area { flex-shrink: 0; display: flex; align-items: center; }
.header .logo_area a { display: block; font-size: 0; background-repeat: no-repeat; background-position: left center; background-size: contain; }
.header .logo_area a.logo { width: 105px; height: 29px; background-image: url(../../images/common/logo.svg); }
.header .logo_area a.logo_inu { width: 137px; height: 17px; background-image: url(../../images/common/logo_inu.svg); }
.header .logo_area a.logo_indigo { width: 105px; height: 57px; margin-right: 10px; background-image: url(/common/images/common/logo_platform.svg); }
.header .gnb_area { width: 100%; padding-left: 60px; }
.header .gnb_area .gnb_depth1 { display: flex; justify-content: flex-end; }
.header .gnb_area .gnb_depth1 > li { position: relative; padding: 0 30px; }
.header .gnb_area .gnb_depth1 > li:first-child { padding-left: 0; }
.header .gnb_area .gnb_depth1 > li:last-child { padding-right: 0; }
.header .gnb_area .gnb_depth1 > li > a { position: relative; display: flex; align-items: center; justify-content: center; height: 110px; font-size: 18px; }
.header .gnb_area .gnb_depth1 > li > a:after { content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 4px; background-color: #ffcc00; opacity: 0; transform: translateY(100%); transition: opacity 0.2s, transform 0.2s; }
.header .gnb_area .gnb_depth1 > li.on > a:after,
.header .gnb_area .gnb_depth1 > li:hover > a:after,
.header .gnb_area .gnb_depth1 > li:focus > a:after { opacity: 1; transform: translateY(0); }
.header .gnb_area .gnb_depth2 { position: absolute; top: 100%; left: 0; width: 100%; height: 0; padding-left: 30px; overflow: hidden; z-index: 2; transition: height 0.5s; }
.header .gnb_area .gnb_depth1 > li:first-child .gnb_depth2 { padding-left: 0; }
.header .gnb_area .gnb_depth2 > li:first-child { margin-top: 30px; }
.header .gnb_area .gnb_depth2 > li > a { display: flex; align-items: center; padding: 12px 0; }
.header .gnb_area .gnb_depth2 > li.on > a,
.header .gnb_area .gnb_depth2 > li:hover > a,
.header .gnb_area .gnb_depth2 > li:focus > a { font-weight: 600; }
.header .gnb_area .gnb_familysite_area { display: none; }
.header .head_utill_area { position: absolute; top: 0; right: 0; width: 120px; height: auto; min-height: 161px; padding-top: 50px; background-color: #fcaf17; z-index: 2; }
.header .btn_sitemap_area { display: flex; align-items: center; justify-content: center; width: 100%; height: 110px; }
.header .btn_sitemap_area .btn_sitemap { display: block; position: relative; width: 28px; height: 18px; }
.header .btn_sitemap_area .btn_sitemap .bar_item { position: absolute; left: 0; display: block; width: 100%; height: 2px; font-size: 0; background: #333; border-radius: 2px; will-change: transform; }
.header .btn_sitemap_area .btn_sitemap .bar_item:nth-child(1) { top: 0%; transition: top 0.2s 0.2s, transform 0.2s; }
.header .btn_sitemap_area .btn_sitemap .bar_item:nth-child(2) { top: 50%; transition: background-color 0.2s, transform 0.2s; }
.header .btn_sitemap_area .btn_sitemap .bar_item:nth-child(3) { top: 100%; transition: top 0.2s 0.2s, transform 0.2s; }
.header .btn_sitemap_area .btn_sitemap.active .bar_item:nth-child(1) { top: calc(50% - 1px); transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s; }
.header .btn_sitemap_area .btn_sitemap.active .bar_item:nth-child(2) { background: transparent; transform: scale(0); }
.header .btn_sitemap_area .btn_sitemap.active .bar_item:nth-child(3) { top: calc(50% - 1px); transform: rotate(-45deg); transition: top 0.2s, transform 0.2s 0.2s; }
.header .head_utill_area .utill_area { padding: 10px; text-align: center; }
.header .head_utill_area .utill_area .btn_utill { display: block; margin-bottom: 4px; padding: 12px 0; font-size: 15px; font-weight: 600; line-height: 1; text-transform: uppercase; border-radius: 50px; transition: color 0.2s, background-color 0.2s; }
.header .head_utill_area .utill_area .mypage_link.active > .btn_utill,
.header .head_utill_area .utill_area .btn_utill:focus,
.header .head_utill_area .utill_area .btn_utill:hover { color: #fff; background-color: #333; }
.header .head_utill_area .utill_area .link_list { display: none; padding: 15px 10px; }
.header .head_utill_area .utill_area .link_list .btn_utill { position: relative; margin-bottom: 30px; padding: 0; line-height: 1.3; }
.header .head_utill_area .utill_area .link_list .btn_utill:focus,
.header .head_utill_area .utill_area .link_list .btn_utill:hover { color: #333; font-weight: 600; background-color: transparent; }
.header .head_utill_area .utill_area .link_list .btn_utill:last-child { margin-bottom: 0; }
.header .head_utill_area .utill_area .link_list .btn_utill:last-child:after { display: none; }
.header .head_utill_area .utill_area .link_list .btn_utill:last-child:after { display: none; }
.header .head_utill_area .utill_area .mypage_link > .btn_utill { margin-bottom: 0; }
.header .header_bg { position: absolute; top: 100%; left: 0; right: 0; width: 100%; height: 0; background: #fff url(../../images/common/bg_gnb.png) no-repeat left 100px top 50px; transition: height 0.5s; z-index: 1; }
.header .header_bg:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 120px; background-color: #fcaf17; }
.header.scroll { background-color: #fff; }
header.header.scroll .familysite_area { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); }
.header.showGnb .gnb_area .gnb .gnb_depth2 { height: 480px; }
.header.showGnb .header_bg { height: 480px; box-shadow: 0 8px 10px 0 rgba(0,0,0,0.1); }
.header.showSitemap .gnb_area .gnb .gnb_depth2 { height: 480px; }
.header.showSitemap .header_bg { height: 480px; box-shadow: 0 8px 10px 0 rgba(0,0,0,0.1); }

/* footer */
.footer { padding: 60px 0 100px; word-break: keep-all; background-color: #333; }
.footer .inner { display: flex; justify-content: space-between; color: #959595; line-height: 1.6; }
.footer .foot_address {  }
.footer .foot_info { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.footer .foot_info > p { position: relative; padding: 5px 15px; }
.footer .foot_info > p:after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -6px; background-color: #8b8b8b; }
.footer .foot_info > p:last-child:after { display: none; }
.footer .foot_copy { margin-top: 20px; font-size: 15px; font-weight: 500; }
.footer .foot_menu { margin-top: -20px; }
.footer .foot_menu .menu_link { display: flex; align-items: center; justify-content: space-between; width: 220px; padding: 20px 0; color: #fff; line-height: 1; border-bottom: 2px solid #999; }
.footer .foot_menu .menu_link:after { content: ''; display: block; width: 15px; height: 15px; margin-left: 15px; background: url(../../images/common/icon_link02.svg) no-repeat center / 100%; }
.footer .btn_top { position: fixed; right: 0; bottom: 0; width: 120px; height: 120px; font-size: 15px; font-weight: 600; background-color: #fcaf17; opacity: 0; transition: opacity 0.2s; z-index: -1; }
.footer .btn_top span { display: block; }
.footer .btn_top span:before { content: ''; display: block; width: 16px; height: 8px; margin: 0 auto 8px; background: url(../../images/common/icon_top.svg) no-repeat center / 100%; }
.footer .btn_top.active { opacity: 1; z-index: 2; }

/* 방문기록 */
.history_area { bottom: 135px !important; right: 20px !important; }

/* container */
.container { min-height: calc(100vh - 266px); padding-top: 0; }
.page_contents { padding-bottom: 150px; }

/* 브레드크럼 */
.breadcrumb { position: relative; background-color: #f3f3f3; z-index: 3; }
.breadcrumb .inner { max-width: 100%; display: flex; align-items: center; height: 100px; padding: 20px 100px; }
.breadcrumb .bcmb_list { display: flex; align-items: center; height: 100%; }
.breadcrumb .bcmb_list > li { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; flex: 0 0 auto; }
.breadcrumb .bcmb_list > li:first-child { padding-left: 0; }
.breadcrumb .bcmb_list > li:last-child { padding-right: 0; }
.breadcrumb .bcmb_list > li:after { position: absolute; content: ''; right: -0.5px; top: 50%; width: 1px; height: 16px; margin-top: -8px; background-color: #ddd; }
.breadcrumb .bcmb_list > li:last-child:after,
.breadcrumb .bcmb_list > li.on:after { display: none; }
.breadcrumb .bcmb_list .btn_bcmb { display: flex; align-items: center; justify-content: space-between; width: 100%; min-width: 295px; height: 100%; padding: 15px 30px; border-radius: 0 25px 0 0; }
.breadcrumb .bcmb_list > li.hasDepth .btn_bcmb:after { content: ''; display: block; width: 11px; height: 7px; margin-left: 10px; background: url(../../images/common/icon_bcmb_show.svg) no-repeat center / 100%; transition: background-image 0.2s; }
.breadcrumb .bcmb_list > li.on { font-weight: 500; }
.breadcrumb .bcmb_list > li.hasDepth.active .btn_bcmb { color: #fff; background-color: #0a4a9b; }
.breadcrumb .bcmb_list > li.hasDepth.active .btn_bcmb:after { background: url(../../images/common/icon_bcmb_hide.svg) no-repeat center / 100%; }
.breadcrumb .bcmb_home { width: 70px; }
.breadcrumb .bcmb_home > span { display: block; width: 17px; height: 14px; font-size: 0; background: url(../../images/common/icon_home.svg) no-repeat center / contain; }
.breadcrumb .bcmb_in_list { display: none; position: absolute; top: 100%; left: 0; min-width: 100%; background-color: #fff; border: 1px solid #ddd; overflow: hidden; z-index: 2; }
.breadcrumb .bcmb_in_list > ul > li > a { display: flex; align-items: center; min-height: 48px; padding: 10px 30px; font-size: 15px; white-space: nowrap; transition: background-color 0.2s; }
.breadcrumb .bcmb_in_list > ul > li:hover > a { background-color: #f8f8f8; }
.breadcrumb .bcmb_in_list > ul > li.on > a { font-weight: 500; background-color: #f8f8f8; }
.breadcrumb .bcmb_list > li.active .bcmb_in_list { display: block; }

/* sub title */
.sub_title { margin: 70px 0; }
.sub_title h2 { font-size: 30px; font-weight: 600; line-height: 1; }

.cm_cont + .cm_cont { margin-top: 60px; }

/* ********************************************************************************* *
/* style
/* ********************************************************************************* */
/* faq */
.cm_faq { word-break: keep-all; border-top: 1px solid #000; }
.cm_faq .faq_item { position: relative; background-color: #fff; border-bottom: 1px solid #ddd; }
.cm_faq .faq_item:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #ffcc00; opacity: 0; z-index: -1; transition: opacity 0.2s; }
.cm_faq .faq_item .item_obj { position: relative; padding: 35px 30px; z-index: 2; }
.cm_faq .faq_item .item_obj + .item_obj { padding-left: 0; }
.cm_faq .faq_item .icon_faq { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: -15px 0; padding-bottom: 1px; font-size: 22px; font-weight: 600; background-color: #eee; border-radius: 100%; }
.cm_faq .faq_item .item_cate { flex-shrink: 0; width: 200px; font-weight: 500; }
.cm_faq .faq_item .item_title { width: calc(100% - 200px - 110px); line-height: 1.6; cursor: pointer; }
.cm_faq .faq_item .item_text { width: calc(100% - 110px); line-height: 1.6; }
.cm_faq .faq_item .faq_title { position: relative; display: flex; padding-right: 75px; background: url(../../images/common/icon_arr04.svg) no-repeat right 30px center / 16px;}
.cm_faq .faq_item .faq_title .icon_faq { color: #666; background-color: #ececec; }
.cm_faq .faq_item .faq_cont { display: none; }
.cm_faq .faq_item .faq_cont_inner { position: relative; display: flex; background-color: #f3f3f3; }
.cm_faq .faq_item .faq_cont_inner .icon_faq { background-color: #ffcc00; }
.cm_faq .faq_item.active:after { opacity: 1; z-index: 1; }
.cm_faq .faq_item.active .faq_title { background: url(../../images/common/icon_arr05.svg) no-repeat right 30px center / 16px;}

/* 약관 */
.cm_agree .agree_box { height: 270px; margin-bottom: 15px; padding: 30px 40px; line-height: 1.6; border: 1px solid #ddd; border-radius: 15px; }
.cm_agree .agree_box .form_control { height: 100%; padding: 0; font-size: 14px; border: 0; resize: none; }
.cm_agree .form_check .form_label { color: #5a5a5a; }

/* 문의 */
.cm_contact { display: flex; align-items: center; flex-wrap: wrap; min-height: 115px; padding: 15px 0; border: 1px dashed #ddd; border-radius: 30px; }
.cm_contact .item_contact { position: relative; display: flex; align-items: center; padding: 10px 65px; font-size: 18px; font-weight: 500; }
.cm_contact .item_contact:after { content: ''; position: absolute; top: 50%; right: -1px; width: 3px; height: 9px; margin-top: -4px; background: url(../../images/common/bg_line.svg) no-repeat center / 100%; }
.cm_contact .item_contact:last-child:after { display: none; }
.cm_contact .contact_title { font-weight: 600; }
.cm_contact .icon_contact { display: block; width: 60px; height: 60px; margin-right: 20px; font-size: 0; background-color: #eff3fb; background-repeat: no-repeat; background-position: center; background-size: 100%; border-radius: 100%; }
.cm_contact .icon_contact.icon_tel { background-image: url(../../images/common/img_tel.svg); }
.cm_contact .icon_contact.icon_mail { background-image: url(../../images/common/img_mail.svg); }

/* 정보 */
.cm_overview + .cm_overview { margin-top: 70px; }
.cm_overview { display: flex; align-items: flex-start; }
.cm_overview .img_area { flex-shrink: 0; position: relative; width: 435px; background-color: #efefef; border-radius: 30px; overflow: hidden; }
.cm_overview .img_area:after { content: ''; display: block; width: 100%; padding-top: 66.67%; }
.cm_overview .img_area > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.cm_overview .desc_area { padding-left: 60px; padding-top: 15px; }
.cm_overview .item_title { display: flex; align-items: center; }
.cm_overview .item_title > p { font-size: 28px; font-weight: 600; }
.cm_overview .item_title > a { margin-left: 20px; }
.cm_overview .item_text { margin-top: 35px; font-size: 17px; line-height: 1.6; word-break: keep-all; }
.cm_overview .item_overview { display: flex; flex-wrap: wrap; margin-top: 20px; }
.cm_overview .item_overview dt { width: 100px; margin-top: 12px; font-size: 17px; font-weight: 600; }
.cm_overview .item_overview dd { width: calc(100% - 100px); margin-top: 12px; padding-left: 10px; }
.cm_overview .item_overview dt:nth-of-type(1),
.cm_overview .item_overview dd:nth-of-type(1) { margin-top: 0; }

/* 멤버등급 */
.cm_member_use { display: flex; justify-content: space-around; }
.cm_member_use .item_use { display: flex; align-items: center; width: 25%; margin: 0 10px; padding: 20px 25px; background-color: #fff; border-radius: 100px; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1); }
.cm_member_use .item_mark { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; font-size: 0; border-radius: 100%; background-repeat: no-repeat; background-size: 100%; background-position: center; }
.cm_member_use .item_info { padding-left: 20px; font-size: 18px; font-weight: 500; }
.cm_member_use .item_info .item_number { margin-top: 5px; font-size: 21px; line-height: 1; letter-spacing: -1px; white-space: nowrap; }
.cm_member_use .item_info .item_number > span { font-size: 31px; font-weight: 600; }
.cm_member_use .item_use1 .item_mark { background-image: url(../../images/common/icon_basic.svg); }
.cm_member_use .item_use2 .item_mark { background-image: url(../../images/common/icon_silver.svg); }
.cm_member_use .item_use3 .item_mark { background-image: url(../../images/common/icon_gold.svg); }
.cm_member_use .item_use4 .item_mark { background-image: url(../../images/common/icon_platinum.svg); }

/* 관심기술 목록 */
.cm_tech_list { background-color: #f4f4f4; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; }
.cm_tech_list .tech_item { padding: 15px 20px; border-bottom: 1px dashed #ddd; }
.cm_tech_list .tech_item:last-child { border-bottom: 0; }
.cm_tech_list .tech_item .form_label { margin: 0; }
.cm_tech_list .tech_item .tech_cate { flex-shrink: 0; position: relative; padding-right: 18px; }
.cm_tech_list .tech_item .tech_cate:after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -6px; background-color: #b0b0b0; }
.cm_tech_list .tech_item .tech_title { width: 100%; padding-left: 18px; }

/* 결과 타이틀 */
.cm_result_box + .cm_result_box { margin-top: 55px; }
.cm_result { margin-bottom: 40px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.cm_result [class^="cm_title"] { font-weight: 600; margin-bottom: 0 !important; }
.cm_result [class^="cm_title"] span { font-weight: 600; }
.cm_result [class^="cm_title"] em { margin-left: 15px; font-size: 90%; font-weight: 500; }

/* ********************************************************************************* *
/* 기타
/* ********************************************************************************* */
/* 윈도우 팝업 */
.window_popup_area { width: 100%; max-width: 1000px; margin: 0 auto; }
.window_popup_area .page_contents { padding: 50px 55px 70px; }
.window_popup_area .popup_head .popup_logo img { width: 312px; }
.window_popup_area .popup_body { margin-top: 55px; }
.window_popup_area .popup_body .popup_title { margin-bottom: 25px; font-size: 28px; font-weight: 600; }
.window_popup_area .popup_foot { margin-top: 40px; }
.window_popup_area .cm_form_write { padding-left: 30px; }
.window_popup_area .cm_form_write textarea.form_control { height: 150px; }