@charset "utf-8";
/**************************************************
*
* common.css
*
***************************************************/
/* FONT WEIGHT */
.com-fw-500 { font-weight: 500 !important; }
.com-fw-600 { font-weight: 600 !important; }

/* COLOR */
.com-color-blue-01 { color: #246BEB !important; }

/* TEXT UNDERLINE */
.com-txt-underline { text-decoration: underline; text-underline-position: under; }

/* 달력 */
#ui-datepicker-div { width: 358px; padding: 0; }
#ui-datepicker-div:focus { outline: 2px solid var(--career--primary); outline-offset: 0; }
#ui-datepicker-div .ui-widget-header { min-height: 64px; background-color: var(--career--secondary-5); border: none; padding: 0; display: flex; align-items: center; justify-content: center; }
#ui-datepicker-div .ui-datepicker-title { margin: 0; display: flex; align-items: center; line-height: inherit; gap: 20px; }
#ui-datepicker-div :is(.ui-datepicker-prev,.ui-datepicker-next) { top: 50%; transform: translateY(-50%); }
#ui-datepicker-div :is(.ui-datepicker-prev,.ui-datepicker-next):hover { border: none; background: none; font-weight: inherit; color: inherit; }
#ui-datepicker-div .ui-datepicker-prev-hover { left: 2px; }
#ui-datepicker-div .ui-datepicker-next-hover { right: 2px; }
#ui-datepicker-div .ui-datepicker-prev span { background: url(/cloud/m/img/common/icon_calendar_left_carot-77165cab3c1f722e266c8b80e343cad6.svg) no-repeat center; }
#ui-datepicker-div .ui-datepicker-next span { background: url(/cloud/m/img/common/icon_calendar_right_carot-770581e21fc99ebf6b7ff3fa8906ff93.svg) no-repeat center; }
#ui-datepicker-div select { background-color: transparent; border: none; font-size: 19px; color: #1d1d1d; font-weight: 400; margin: 0; }
#ui-datepicker-div select.ui-datepicker-month { width: auto; }
#ui-datepicker-div select.ui-datepicker-year { width: auto; }
#ui-datepicker-div :is(input,select,textarea,button) { font-family: 'Pretendard',sans-serif; }
#ui-datepicker-div td :is(a,span) { aspect-ratio: 1 / 1; text-align: center; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: none; background-color: transparent; }
#ui-datepicker-div td .ui-state-highlight { background: #eee; }
#ui-datepicker-div td .ui-state-active { background-color: var(--career--primary) !important; color: #fff !important; }
#ui-datepicker-div table { font-size: 17px; }



/* 스크린 리더용 */
.com-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.blind { overflow: hidden; position: absolute; top: 0; left: 0; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); }

/* PAGE TITLE */
.com-page-title { margin-bottom: 80px; color: var(--career--primary-90); }
.com-page-title .breadcrumb { gap: 5px 10px; display: flex; align-items: center; flex-wrap: wrap; font-size: 15px; margin-bottom: 80px; }
.com-page-title .breadcrumb a { gap: 6px; display: flex; align-items: center; transition: none; }
.com-page-title .breadcrumb a:hover { text-decoration: underline; text-underline-position: under; }
.com-page-title .title-box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; }
.com-page-title h2 { font-size: 40px; font-weight: 800; display: flex; justify-content: center; align-items: center; gap: 20px; }
.com-page-title .page-info { padding: 24px 26px; background-color: #EDF1F5; border-radius: 8px; font-size: 17px; font-weight: 500; margin-top: 40px; }
.com-page-title .util-list { display: flex; align-items: center; gap: 20px; font-size: 17px; font-weight: 700; }
.com-page-title .util-list li { display: flex; align-items: center; }
.com-page-title .util-list button { display: flex; align-items: center; gap: 5px; }
.com-page-title .util-list button:where(:hover,:focus-visible) { text-decoration: underline; text-underline-position: under; }
.com-page-title.type-02 .breadcrumb::before { content: ""; width: 100%; height: 77px; position: absolute; top: 0; left: 0; background-color: rgba(107, 202, 255, 0.1); z-index: -1; }


/* PAGINATION */
.com-pagination { display: flex; align-items: center; justify-content: center; }
.com-pagination a { min-width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; }
.com-pagination .page-links { display: flex; align-items: center; }
.com-pagination .page-navi { }

/* Radio */
.com-radio { color: var(--career--primary-90); }
.com-radio input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.com-radio:focus-within { outline: 2px solid var(--career--primary-50); outline-offset: 2px; }
.com-radio label { display: flex; align-items: center; gap: 8px; }
.com-radio input[type="radio"] + label { color: #333; display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 5px 0; position: relative; }
.com-radio input[type="radio"] + label::before { content: ''; display: inline-block; width: 24px; height: 24px; border-radius: 3px; border: 1px solid var(--career--gray-60); border-radius: 50%; }
.com-radio input[type="radio"]:checked + label::before { border: 1px solid var(--career--primary); }
.com-radio input[type="radio"]:checked + label::after { content: ''; position: absolute; left: 6px; top: 50%; transform: translateY(-50%); display: block; width: 12px; height: 12px; background: var(--career--primary); border-radius: 50%; }
.com-radio input[type="radio"]:disabled + label::before { border: 1px solid var(--career--gray-40); background: var(--career--gray-10); }
.com-radio input[type="radio"]:checked:disabled + label::before { border: 1px solid var(--career--gray-40); background: var(--career--gray-10); }
.com-radio input[type="radio"]:checked:disabled + label::after { background: var(--career--gray-50); }

.com-radio.sm { font-size: 17px; }
.com-radio.sm input[type="radio"] + label::before { width: 20px; height: 20px; }
.com-radio.sm input[type="radio"]:checked + label::after { left: 5px; width: 10px; height: 10px; }

.com-radio-02 { min-width: 20px; height: 20px; }



/* Checkbox */
.com-checkbox { color: var(--career--primary-90); }
.com-checkbox:focus-within { outline: 2px solid var(--career--primary-50); outline-offset: 2px; }
.com-checkbox input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.com-checkbox label { display: flex; align-items: flex-start; gap: 8px; }
.com-checkbox input[type="checkbox"] + label { display: flex; align-items: flex-start; justify-content: flex-start; gap: 8px; word-break: break-all; }
.com-checkbox input[type="checkbox"] + label::before { content: ''; flex-shrink: 0; display: inline-block; width: 20px; height: 20px; border-radius: 3px; border: 1px solid var(--career--gray-60); }
.com-checkbox input[type="checkbox"]:checked + label::before { content: ''; display: inline-block; border-radius: 3px; border: 1px solid var(--career--primary); background: var(--career--primary) url(/cloud/m/img/common/icon_check_white-5797a72349ab605b54daad16e0748a42.svg) center no-repeat; }
.com-checkbox input[type="checkbox"]:disabled + label::before { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 3px; border: 1px solid var(--career--gray-40); background: var(--career--gray-30); }
.com-checkbox input[type="checkbox"]:checked:disabled + label::before { content: ''; display: inline-block; border-radius: 3px; border: 1px solid var(--career--gray-40); background: var(--career--gray-30) url(/cloud/m/img/common/icon_check_grey-4789a76b39458812b16f9b9a5d1931b9.svg) center no-repeat; }
.com-checkbox.sm { font-size: 15px; }
.com-checkbox.md input[type="checkbox"] + label::before { margin-top: 2px; }

.flex_cont { display: flex; justify-content: space-between; }


/* Select */
.com-select-box { max-width: 100%; }
.com-select-box select { max-width: 100%; }
.com-select-wrap { display: grid; gap: 16px; align-items: flex-end; }
.com-select-wrap.col-2 { grid-template-columns: repeat(2, 1fr); }
.com-select-box.type-01 label { color: var(--career--primary-90); margin-bottom: 12px; display: block; }
.com-select-box.type-01 select { border: 1px solid var(--career--gray-60); border-radius: 8px; appearance: none; background-image: url("/cloud/m/img/common/mob_icon_angle_down_full-0039db025575d685260186e086a9a6a3.svg"); background-repeat: no-repeat; background-position: center right 16px; padding-left: 16px; padding-right: 48px; }
.com-select-box.type-01 select:focus-visible { outline: 2px solid var(--career--primary-50); outline-offset: 0; }
.com-select-box.type-01 select:disabled { border-color: var(--career--gray-40); background-color: var(--career--gray-30); color: var(--career--gray-60); }

.com-select-box.type-01.lg select { height: 56px; font-size: 19px; }
.com-select-box.type-01.lg label { font-size: var(--label-l-400); font-weight: 700; }

.com-select-box.type-01.md select { height: 48px; font-size: 17px; }
.com-select-box.type-01.md label { font-size: 15px; font-weight: 700; }

.com-select-box.type-01.sm select { height: 40px; font-size: 15px; }
.com-select-box.type-01.sm label { font-size: 15px; font-weight: 700; }

.com-select-box.type-02 { display: inline-flex; justify-content: center; align-items: center; color: var(--career--primary-90); gap: 5px; }
.com-select-box.type-02 select { border: none; appearance: none; background-image: url("/cloud/m/img/common/icon_angle_down-0213b2cf8f925283505fb8cacfded4fa.svg"); background-repeat: no-repeat; background-position: center right; padding-right: 15px; }
.com-select-box.type-02 select:focus-visible { outline: 2px solid var(--career--primary-50); outline-offset: 0; }
.com-select-box.type-02.md select { font-size: 15px; background-size: 8px; }
.com-select-box.type-02.lg select { font-size: 17px; background-size: 10px; }
.com-select-box.type-02.lg-bold select { font-size: var(--link-m-400); font-weight: 500; background-size: 10px; }

.com-select-box.type-03 { display: flex; justify-content: flex-end; margin-bottom: 20px; }
.com-select-box.type-03 select { height: 30px; padding: 2px 10px; border-radius: 3px; }
.com-select-box.type-03 button { background-color: #444444; color: #fff; padding: 0 10px; border-radius: 2px; margin-left: 5px; height: 30px; }

/* Tab */
.com-tab { display: flex; font-size: var(--label-m-700); font-weight: 700; color: var(--career--gray-70); }
.com-tab button { width: 100%; display: flex; justify-content: center; align-items: center; }
.com-tab button:not(:disabled):hover { background-color: var(--career--secondary-5); }
.com-tab button:disabled { color: var(--career--gray-50); }
.com-tab button:focus-visible { outline-offset: -5px; }

.com-tab.type-01 { border: 1px solid #B4C4D6; border-radius: 8px; overflow: hidden; }
.com-tab.type-01 li { width: 100%; }
.com-tab.type-01 li + li { border-left: 1px solid #B4C4D6; }
.com-tab.type-01 button { min-height: 48px; height: 100%; padding: 10px; }
.com-tab.type-01 button.active { color: var(--career--white); background-color: var(--career--primary-50); }

.com-tab.type-02 { border-bottom: 2px solid var(--career--gray-30); }
.com-tab.type-02 li { width: 100%; }
.com-tab.type-02 button { min-height: 56px; height: 100%; padding: 10px; position: relative;flex-direction: column; }
.com-tab.type-02 button.active { color: var(--career--secondary-50); }
.com-tab.type-02 button.active::before { content: ""; width: 100%; height: 4px; background-color: var(--career--secondary-50); position: absolute; left: 0; bottom: -2px; }

.com-tab-content { display: none;font-family:"Pretendard",sans-serif!important; }
.com-tab-content *,
.com-tab-content p,
.com-tab-content div,
.com-tab-content span,
.com-tab-content b,
.com-tab-content strong,
.com-tab-content a{font-family:"Pretendard",sans-serif!important;}
.com-tab-content.active { display: block; }
.com-mob-srch-list-top{color: #1d1d1d;display: flex;flex-direction: column;gap: 24px;padding: 24px 20px;background-color: #fff;border-bottom: 1px solid #ddd;}

/* Button */
.com-btn { display: inline-flex; justify-content: center; align-items: center; border-radius: 8px; gap: 4px; }
.com-btn img { flex-shrink: 0; }
.com-btn.type-01 { }
.com-btn.type-01.xlg { min-height: 64px; padding: 10px 24px; font-size: 19px; }
.com-btn.type-01.lg { min-height: 56px; padding: 10px 20px; font-size: 19px; }
.com-btn.type-01.md { min-height: 48px; padding: 10px 16px; font-size: 17px; }
.com-btn.type-01.sm { min-height: 40px; padding: 8px 12px; font-size: 15px; }
.com-btn.type-01.xsm { min-height: 32px; padding: 6px 10px; font-size: 15px; }
.com-btn.type-01.primary { background-color: var(--career--primary-50); color: var(--career--white); }
.com-btn.type-01.primary:hover { background-color: var(--career--primary-60); }
.com-btn.type-01.primary:disabled { background-color: var(--career--gray-30); color: var(--career--gray-60); }
.com-btn.type-01.secondary { background-color: var(--career--primary-5); border: 1px solid var(--career--primary-50); color: var(--career--primary-60); }
.com-btn.type-01.secondary:hover { background-color: var(--career--primary-10); color: var(--career--primary-60); }
.com-btn.type-01.secondary:disabled { background-color: var(--career--gray-30); color: var(--career--gray-60); border: 1px solid var(--career--gray-40); }
.com-btn.type-01.third { background-color: var(--career--white); border: 1px solid var(--career--gray-90); color: #000B17; }
.com-btn.type-01.third:hover { background-color: #f8f8f8; }
.com-btn.type-01.third:disabled { background-color: var(--career--gray-30); color: var(--career--gray-60); border: 1px solid var(--career--gray-40); }

.com-btn.type-02 { }
.com-btn.type-02.lg { min-height: 40px; padding: 6px 2px; font-size: 19px; }
.com-btn.type-02.md { min-height: 32px; padding: 6px 2px; font-size: 17px; }
.com-btn.type-02.sm { min-height: 24px; padding: 0 2px; font-size: 17px; }
.com-btn.type-02.xsm { min-height: 20px; padding: 0 2px; font-size: 15px; }
.com-btn.type-02 { background-color: var(--career--white); color: var(--career--primary-90); }
.com-btn.type-02:hover { background-color: var(--career--secondary-5); }
.com-btn.type-02:disabled { color: var(--career--gray-50); }

.com-btn.type-03 { min-height: 72px; padding: 12px; display: flex; justify-content: space-between; align-items: center; gap: 40px; border: 1px solid #c6c6c6; color: var(--career--primary-90); border-radius: 6px; }
.com-btn.type-03 button { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; }
.com-btn.type-03 button:hover { background-color: var(--career--primary-5); }

.arr-link { display: flex;justify-content: space-between;align-items: center; padding: 25px 50px 25px 25px; width: 100%; height: 70px; background: url(/cloud/m/img/common/arrow_btn-a5f148e9639ea5832f645069f5e2d6b8.svg) right 25px top 25px no-repeat; font-size: 17px; font-weight: 500; color: #1D1D1D; border: 1px solid #b1b8ca; border-radius: 12px; }
.file-link { display: flex;justify-content: space-between;align-items: center; padding: 25px 50px 25px 25px; width: 100%; height: 70px; background: url(/cloud/m/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) right 25px top 25px no-repeat; font-size: 17px; font-weight: 500; color: #1D1D1D; border: 1px solid #b1b8ca; border-radius: 12px; }
.file-link .title {max-width: calc(100% - 60px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.com-mob-brd-wrap .file-link{height: auto; padding: 12px 50px 12px 20px; background: url(/cloud/m/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) right 25px top 13px no-repeat;}

/* tooltip */
.tooltip-tit { display: none; position: relative; vertical-align: middle; margin-left: 10px; }
.tooltip-tit { margin-left: 0; height: 30px; }
.tooltip-tit .tool-btns { display: inline-block; width: 20px; height: 20px; background-color: transparent; margin: 0; position: relative; cursor: pointer; }
.tooltip-box { position: absolute; left: 50%; top: calc(100% + 5px); transform: translateX(-50%); text-align: left; z-index: 5; display: none; width: 250px; padding: 24px; border: 2px solid #246BEB; border-radius: 12px; background-color: #fff; color: var(--career--primary-90); }
.tooltip-box::before { content: ""; width: 19px; height: 19px; background-color: #fff; border-top: 2px solid #246BEB; border-right: 2px solid #246BEB; border-top-right-radius: 3px; position: absolute; }
.tooltip-box.top::before { top: 0; left: 50%; transform: translate(-50%,-10.7px) rotate(-45deg); }
.tool-btns.show + .tooltip-box { display: block; }
.tooltip-box .txt-bold { font-size: 17px; font-weight: 500; color: #111; }
.tooltip-box .txt-sub { font-size: 16px; font-weight: 400; color: #333; }

/* Tag */
.com-tag { color: var(--career--primary-90); background-color: var(--career--white); border: 1px solid var(--career--gray-40); gap: 6px; border-radius: 100px; display: inline-flex; justify-content: center; align-items: center; transition: 0.2s; margin-bottom:1px; margin-top:1px;}
.com-tag:where(:hover,:focus-visible) { background-color: var(--career--secondary-5); }
.com-tag.disabled { color: var(--career--gray-60); background-color: var(--career--gray-30); }
.com-tag.disabled img { filter: contrast(0); }
.com-tag.lg { padding: 12px; font-size: 17px; }
.com-tag.md { padding: 10px 12px; font-size: 15px; }
.com-tag.sm { padding: 6px 12px; font-size: 15px; }
.com-tag .btn-cls { background-color: transparent; }


/* Step */
.com-step { display: flex; align-items: flex-start; }
.com-step li { width: 100%; }
.com-step li:last-of-type .line { display: none; }
.com-step .shape { display: flex; align-items: center; }
.com-step .circle { content: ""; flex-shrink: 0; width: 18px; height: 18px; background-color: #e4e4e4; border-radius: 50%; }
.com-step .line { content: ""; width: 100%; height: 1px; background-color: #c6c6c6; }
.com-step :where(.step,.step-title) { padding-right: 10px; }
.com-step .step { color: var(--career--gray-70); margin-top: 12px; }
.com-step .step-title { color: var(--career--primary-90); font-weight: 700; margin-top: 7px; }
.com-step li.done { }
.com-step li.done .circle { background: var(--career--secondary-50) url("/cloud/m/img/common/icon_check_white-5797a72349ab605b54daad16e0748a42.svg") no-repeat center; background-size: 8px; }
.com-step li.done .line { background-color: var(--career--secondary-50); }
.com-step li.active { }
.com-step li.active .circle { border: 1px solid #246BEB; background-color: #fff; position: relative; }
.com-step li.active .circle::before { content: ""; width: 12px; height: 12px; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: var(--career--primary-50) url("/cloud/m/img/common/icon_dots-70a93af3cae8c5b35beae999a6decce6.svg") no-repeat center; }
.com-step li.active .line { }

.com-step.mobile :where(.step,.step-title) { display: none; }



/* Spinner */
.com-spinner { display: inline-block; border-style: solid; border-color: #E4E4E4; border-bottom-color: #246BEB; background-color: #fff; animation: com-spinner-rotate 1s linear infinite; border-radius: 50%; }
.com-spinner.lg { width: 48px; height: 48px; border-width: 4px; }
.com-spinner.md { width: 32px; height: 32px; border-width: 3px; }
.com-spinner.sm { width: 20px; height: 20px; border-width: 2px; }

@keyframes com-spinner-rotate {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}


/* Loading-Spinner */
.loading_spinner {position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:center;  width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); overflow:hidden; z-index:9999;}
.loading_spinner span {display:inline-block; width:50px; aspect-ratio: 1; --_c:no-repeat radial-gradient(farthest-side,#fff 92%,#0000);  background:var(--_c) top, var(--_c) left, var(--_c) right, var(--_c) bottom; background-size: 12px 12px; animation: l7 1s infinite;}
@keyframes l7 {to{transform: rotate(.5turn)}}
.loading_spinner .type_normal {display:inline-block; width:50px; aspect-ratio:1; border-radius:50%; background:radial-gradient(farthest-side,#fff 94%,#0000) top/8px 8px no-repeat, conic-gradient(#0000 30%,#fff); -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0); animation: l13 1s infinite linear;}
@keyframes l13{ 100%{transform: rotate(1turn)}}


/* Coachmark */
.com-coachmark { width: 360px; padding: 24px; border: 2px solid #246BEB; border-radius: 12px; position: relative; background-color: #fff; color: var(--career--primary-90); }
.com-coachmark::before { content: ""; width: 19px; height: 19px; background-color: #fff; border-top: 2px solid #246BEB; border-right: 2px solid #246BEB; border-top-right-radius: 3px; position: absolute; }
.com-coachmark .step { font-size: 13px; color: var(--career--gray-70); }
.com-coachmark .ctt { font-size: 17px; margin-top: 16px; }
.com-coachmark .util-box { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; }
.com-coachmark .pagination { font-size: 17px; }
.com-coachmark .btn-list { font-size: 15px; display: flex; gap: 5px; }
.com-coachmark .btn-list button { height: 40px; padding: 0 12px; display: inline-flex; justify-content: center; align-items: center; }
.com-coachmark .btn-list button:where(:hover,:focus-visible) { background-color: var(--career--secondary-5); }
.com-coachmark .btn-list button.active { border: 1px solid var(--career--gray-90); border-radius: 6px; }
.com-coachmark .btn-list button:disabled { color: #717171; background-color: #D8D8D8; border: 1px solid #C6C6C6; border-radius: 6px; }

.com-coachmark.top::before { top: 0; left: 50%; transform: translate(-50%,-10.7px) rotate(-45deg); }
.com-coachmark.left::before { top: 50%; left: 0; transform: translate(-10.7px,-50%) rotate(-135deg); }


/* Date Input */
.com-date-input-box { display: flex; align-items: center; gap: 8px; }
.com-date-input { width: 167px; font-size: 17px; color: var(--career--gray-90); border: 1px solid #717171; border-radius: 8px; position: relative; background: #fff; }
.com-date-input input { width: 100%; height: 48px; padding-left: 16px; padding-right: 45px; border: none; background-color: transparent; }
.com-date-input input:focus-visible { outline: 3px solid var(--career--primary-50); border-radius: 8px; }
.com-date-input input::placeholder { color: var(--career--gray-50); }
.com-date-input button { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); transition: none; }
.com-date-input button:focus { outline: 2px dotted var(--career--point); }
.com-date-flex { display: flex; align-items: center; }
.com-date-flex img { margin-right: 5px; }


/* Textarea */
.com-textarea { width: 360px; }
.com-textarea label { color: var(--label-l-700); font-weight: 700; margin-bottom: 12px; }
.com-textarea textarea { width: 100%; height: 144px; padding: 16px; color: var(--career--primary-90); border: 1px solid var(--career--gray-60); border-radius: 8px; }
.com-textarea textarea::placeholder { color: var(--career--gray-50); }
.com-textarea textarea:focus-visible { outline: 2px solid var(--career--primary-50); outline-offset: 0; }
.com-textarea textarea:disabled { color: var(--career--gray-60); background-color: var(--career--gray-30); border-color: var(--career--gray-40); }
.com-textarea textarea:disabled + .info-box { display: none; }
.com-textarea .info-box { margin-top: 12px; display: flex; justify-content: flex-end; align-items: flex-start; }
.com-textarea .count { font-size: var(--link-s-400); font-weight: 400; }
.com-textarea .count .current { color: var(--career--primary-50); }

.com-textarea.error textarea { border-color: var(--career--danger); }
.com-textarea.error textarea:focus-visible { outline: 1px solid var(--career--danger); }
.com-textarea.error .info-box { justify-content: space-between; gap: 20px; }
.com-textarea.error .alert-txt { font-size: 15px; color: var(--career--danger); padding-left: 22px; background: url("/cloud/m/img/common/icon_alert-01c079daba1a78f4ee30617e3bf047c1.svg") no-repeat top 2px left; }
.com-textarea.error .count { flex-shrink: 0; }
.com-textarea.error .count .current { color: var(--career--point); }

/* Text Input */
.com-text-input { color: var(--career--primary-90); }
.com-text-input label { margin-bottom: 12px; display: block; }
.com-text-input input { padding: 0 16px; background-color: var(--career--white); border: 1px solid var(--career--gray-60); border-radius: 8px; }
.com-text-input input:focus-visible { outline: 2px solid var(--career--primary-50); outline-offset: 0; }
.com-text-input input::placeholder { color: var(--career--gray-50); }
.com-text-input input:disabled { color: var(--career--gray-60); background-color: var(--career--gray-10); border-color: var(--career--gray-40); }

.com-text-input.error input { border-color: var(--career--danger); }
.com-text-input.error input:focus-visible { outline: 1px solid var(--career--danger); }

.com-text-input.lg label { font-size: var(--label-l-700); font-weight: 700; }
.com-text-input.lg input { height: 56px; font-size: var(--label-l-400); font-weight: 400; }
.com-text-input.md label { font-size: var(--label-m-700); font-weight: 700; }
.com-text-input.md input { height: 48px; font-size: var(--label-m-400); font-weight: 400; }
.com-text-input.sm label { font-size: var(--link-s-700); font-weight: 700; }
.com-text-input.sm input { height: 40px; font-size: var(--link-s-400); font-weight: 400; }


/* Link */
.com-link { display: inline-flex; justify-content: center; align-items: center; gap: 7px; }
.com-link.type-01 { color: #000B17; border: 1px solid var(--career--gray-90); border-radius: 8px; }
.com-link.type-01:where(:hover,:focus-visible) { background-color: #f4f5f6; }
.com-link.type-01 img { flex-shrink: 0; }
.com-link.type-01.lg { min-height: 64px; padding: 10px 50px 10px 24px; font-size: var(--label-l-400); font-weight: 400; background: url(/cloud/m/img/common/icon_external_link_02-5a10d1065e786170361bd23e6d40ad61.svg) no-repeat center right 24px; }
.com-link.type-01.sm { min-height: 40px; padding: 6px 33px 6px 12px; font-size: 15px; background: url(/cloud/m/img/common/icon_external_link_02-5a10d1065e786170361bd23e6d40ad61.svg) no-repeat center right 12px; background-size: 14px; }

.com-link.type-02 { color: #000B17; font-size: var(--label-m-400); font-weight: 400; background: url('/cloud/m/img/common/icon_right_arrow-e7f04e73aac8eb6a1b31c754fe2873ef.svg') no-repeat center right; padding-right: 24px; }
.com-link.type-02:where(:hover,:focus-visible) { text-decoration: underline; text-underline-position: under; }

.com-link.type-03 { color: var(--career--gray-70); font-size: var(--label-m-400); font-weight: 400; background: url(/cloud/m/img/common/icon_external_link_02-5a10d1065e786170361bd23e6d40ad61.svg) no-repeat center right; background-size: 14px; padding-right: 20px; }
.com-link.type-03:where(:hover,:focus-visible) { text-decoration: underline; text-underline-position: under; }
.com-link.type-03 img { width: 14px; }

.com-link.type-04 { border: 1px solid var(--career--gray-40); padding: 23px 12px; border-radius: 6px; display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.com-link.type-04 .txt { font-size: 17px; color: var(--career--gray-90); }
.com-link.type-04 .fake-btn { display: flex; align-items: center; color: #000B17; font-size: var(--label-m-400); font-weight: 400; gap: 7px; }
.com-link.type-04:where(:hover,:focus-visible) { background-color: #f4f5f6; }


/* Carousel */
.com-carousel-pagination { display: flex; align-items: center; gap: 8px; }
.com-carousel-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background-color: var(--career--gray-50); opacity: 1; margin: 0; transition: 0.3s; }
.com-carousel-pagination .swiper-pagination-bullet-active { width: 20px; background-color: var(--career--primary-50); border-radius: 50px; }

.com-carousel-ctrl-box { display: flex; gap: 8px; }
.com-carousel-ctrl-box button { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--career--gray-20); display: inline-flex; justify-content: center; align-items: center; }
.com-carousel-ctrl-box button:where(:hover,:focus-visible) { background-color: #f4f5f6; }
.com-carousel-ctrl-box :where(.btn-prev,.btn-next) img { width: 11px; }
.com-carousel-ctrl-box .btn-prev img { transform: rotate(180deg); }
.com-carousel-ctrl-box :is(.btn-play,.btn-pause) { display: none; }
.com-carousel-ctrl-box :is(.btn-play,.btn-pause).active { display: inline-flex; }


/* Accordion */
.com-accordion { border-top: 1px solid var(--career--gray-40); }
.com-accordion > li { border-bottom: 1px solid var(--career--gray-40); }
.com-accordion .accordion-hd { width: 100%; min-height: 66px; display: flex; justify-content: space-between; align-items: center; font-size: var(--body-m-700); font-weight: 700; color: var(--career--primary-90); background-color: #fff; padding: 12px 0 12px 4px; gap: 40px; text-align: left; }
.com-accordion .accordion-hd:hover { background-color: #f4f5f6; }
.com-accordion .accordion-hd img { flex-shrink: 0; transition: 0.3s; }
.com-accordion .accordion-hd.active img { transform: rotate(180deg); }
.com-accordion .accordion-title { }
.com-accordion .accordion-ctt { display: none; padding: 4px 0; background-color: #F7F7FE; margin-bottom: 20px; }
.com-accordion .accordion-ctt.active { display: block; }
.com-accordion .accordion-ctt > .inner { min-height: 120px; }


/* Modal */
.com-modal { opacity: 0; pointer-events: none; background-color: rgba(0, 0, 0, 0.75); transition: 0.4s; position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; display: flex; justify-content: center; align-items: center; color: var(--career--primary-90); padding: 0 40px; }
.com-modal.active { opacity: 1; pointer-events: auto; z-index: 1000; }
.com-modal > .inner { width: 100%; min-height: 313px; max-height: 90dvh; padding: 40px; background-color: #fff; border: 1px solid #c6c6c6; border-radius: 12px; overflow: auto; }
.com-modal > .inner:focus { outline: 2px dotted var(--career--point); outline-offset: 4px; }
.com-modal > .inner.type02{padding: 0;}
.com-modal > .inner.type02 .modal-hd-box{padding: 40px 40px 0 40px;}
.com-modal > .inner.type02 .modal-btn-box{padding: 0 40px 40px 40px;}
.com-modal.lg > .inner { max-width: 846px; }
.com-modal.sm > .inner { max-width: 560px; }
.com-modal.ssm > .inner { max-width: 300px; min-height: 150px;}
.com-modal .modal-hd-box { display: flex; align-items: center; gap: 20px; margin-bottom: 36px; }
.com-modal .modal-hd-box h2 { font-size: 17px; font-weight: 700; }
.com-modal .modal-hd-box .btn-cls { flex-shrink: 0; margin-left: auto; }
.com-modal .modal-hd-box .btn-cls img { width: 14px; }
.com-modal .modal-title { font-size: 19px; font-weight: 700; }
.com-modal .modal-ctt { font-size: 17px; margin-top: 24px; }
.com-modal .modal-ctt .noti{color: var(--career--primary-50);}
.com-modal .modal-btn-box { margin-top: 32px; display: flex; justify-content: flex-end; gap: 5px; }
.com-modal.auto-height > .inner { min-height: auto; max-height: auto; }
.com-modal .modal-btn-box button.w-50 { width: 50%; }

.com-modal.big-in-modal > .inner{padding: 40px 20px;}
.ji-detail-wrap .com-modal{transition: none;}

/* File Upload */
.com-file-upload-box { }
.com-file-upload-box .file-drop-box { height: 229px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-color: var(--career--gray-10); border: 1px dashed var(--career--gray-40); border-radius: 12px; margin-bottom: 24px; gap: 40px; }
.com-file-upload-box .file-drop-box p { font-size: 19px; color: var(--career--primary-90); font-weight: 500; }
.com-file-upload-box .util-box { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.com-file-upload-box .util-box .cnt-box { color: var(--career--primary-90); font-weight: 700; }
.com-file-upload-box .util-box .cnt-box .current { color: var(--career--primary-60) }
.com-file-upload-box .file-list { gap: 16px; display: flex; flex-direction: column; margin-top: 24px; }
.com-file-upload-box .file-box { border: 1px solid var(--career--gray-30); border-radius: 8px; }
.com-file-upload-box .file-box .info-box { min-height: 56px; display: flex; justify-content: space-between; align-items: center; gap: 40px; padding: 12px 16px; }
.com-file-upload-box .file-box .file-name { font-size: 17px; color: var(--career--primary-90); }
.com-file-upload-box .file-box .btn-list { flex-shrink: 0; display: flex; align-items: center; gap: 16px; }
.com-file-upload-box .file-box .btn-list .btn-preview img { width: 14px; }
.com-file-upload-box .file-box .status-box { flex-shrink: 0; }
.com-file-upload-box .file-box .status-box .icon-check { width: 16px; height: 16px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; background-color: var(--career--primary-60); }
.com-file-upload-box .file-box .status-box .icon-check img { width: 8px; }
.com-file-upload-box .file-box.error { border: 2px solid var(--career--danger); background-color: #FDF2F3; padding: 0 16px; }
.com-file-upload-box .file-box.error .info-box { padding: 12px 0; border-bottom: 1px solid var(--career--gray-30); }
.com-file-upload-box .file-box.error .btn-list button { background-color: transparent; }
.com-file-upload-box .file-box.error .error-txt { color: var(--career--danger); font-size: 17px; background: url("/cloud/m/img/common/icon_alert-01c079daba1a78f4ee30617e3bf047c1.svg") no-repeat top 15px left; padding: 12px 0 12px 24px; }

/* Contextual help */
.com-help-box { width: 400px; padding: 24px; border: 1px solid var(--career--gray-40); border-radius: 6px; background-color: #fff; position: relative; z-index: 0; }
.com-help-box::before { content: ""; width: 16px; height: 16px; background-color: #fff; border-left: 1px solid var(--career--gray-40); border-bottom: 1px solid var(--career--gray-40); position: absolute; transform: rotate(-45deg); bottom: -9px; }
.com-help-box .hd-box { display: flex; justify-content: space-between; align-items: center; }
.com-help-box .hd-box .title { color: var(--career--gray-90); font-weight: 800; }
.com-help-box .ctt { margin-top: 16px; font-size: var(--body-s-400); font-weight: 400; }
.com-help-box .link-shortcut { margin-top: 24px; }
.com-help-box.left::before { left: 30px; }
.com-help-box.center::before { left: 50%; transform: translateX(-50%) rotate(-45deg); }
.com-help-box.right::before { right: 30px; }



/* Badge */
.com-badge { display: inline-block; }
.com-badge.lg { padding: 10px 16px; border-radius: 4px; font-size: var(--label-m-400); }
.com-badge.sm { padding: 4px 10px; border-radius: 4px; font-size: var(--label-s-400); }
.com-badge.primary { background: var(--career--primary-50); color: var(--career--white); }
.com-badge.primary-pastel { background: var(--career--primary-5); color: var(--career--primary-60); }
.com-badge.secondary { background: var(--career--gray-70); color: var(--career--white); }
.com-badge.secondary-pastel { background: var(--career--gray-10); color: var(--career--gray-80); }


/* Table */
.com-table thead th { padding: 12px 18px; vertical-align: middle; background: var(--career--secondary-5); border-bottom: 1px solid var(--career--secondary-30); font-size: var(--body-s-700); font-weight: 700; }
.com-table tbody th { padding: 16px 18px; border-bottom: 1px solid var(--career--gray-20); font-size: var(--body-s-700); }
.com-table tbody td { padding: 16px 18px; border-bottom: 1px solid var(--career--gray-20); text-align: center; font-size: var(--body-m-500); }
.com-table tbody td.td-title { text-align: left; word-break: break-all;}
.com-table tbody td.td-title a { display: block; }
.com-table tbody td.td-title a:hover { color: var(--career--primary); text-decoration: underline; }
.com-table tbody td div.file-download { display: flex; align-items: center; justify-content: center; }
.com-table-wrap.type-01 .com-table { table-layout: fixed; max-width: none; width: auto; min-width: 100%; border-collapse: collapse; }
.com-table-wrap.type-01 .com-table td a{word-break: break-all;}
.com-table-wrap.type-02 { width: 100%; overflow: hidden; overflow-x: auto; }
.com-table-wrap.type-02 .com-table { width: 100%; min-width: 880px; }
.com-table-wrap.type-02 .com-table tbody td.td-title a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.com-table-wrap.type-02 .com-table tbody td.td-title a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.com-table-wrap.type-02 .com-table::-webkit-scrollbar { }
.com-table-wrap.type-02 .com-table::-webkit-scrollbar-thumb { }
.com-table-wrap.type-02 .com-table::-webkit-scrollbar-track { }


/* 게시판 상단 - 검색 결과 박스 */
.com-board-hd { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.com-board-hd .total-srch-num { margin-right: auto; }
.com-board-hd .total-srch-num p { font-size: var(--body-m-700); font-weight: 700; }
.com-board-hd .total-srch-num p span { color: var(--career--primary-50); }
.com-board-hd .com-select-box { gap: 12px; }
.com-board-hd .com-select-box.type-02.lg select { width: 50px; }
.com-board-hd .com-select-box label { font-size: var(--label-m-700); font-weight: 700; }
.com-board-hd .btn-apply { color: #000B17; font-size: 15px; height: 32px; min-width: 46px; padding: 0 10px; border: 1px solid var(--career--gray-90); border-radius: 6px; margin-left: 5px; }
.com-board-hd .btn-apply:hover { background-color: #f4f5f6; }
.com-board-hd .sort-type { display: flex; align-items: center; gap: 12px; }
.com-board-hd .sort-type p { font-size: var(--label-m-700); font-weight: 700; }
.com-board-hd .sort-type button.selected { text-decoration: underline; }
.com-board-hd .list-type { display: flex; align-items: center; gap: 8px; }
.com-board-hd .list-type button.selected img { filter: brightness(0.1); }
.com-board-hd .list-type button:hover img { filter: brightness(0.1); }


/* 게시판 - 검색박스 */
.com-srch-box { display: grid; gap: 40px; width: 100%; margin-bottom: 40px; }
.com-srch-box .srch-box-wrap { padding: 40px; border-radius: 12px; background: var(--career--gray-5); }
.com-srch-box .srch-box-wrap li { display: flex; align-items: center; gap: 12px; }
.com-srch-box .srch-box-wrap .com-select-box select { width: 180px; border: 1px solid var(--career--gray-60); }
.com-srch-box .srch-input { width: 100%; position: relative; border: 1px solid var(--career--gray-60); border-radius: 8px; }
.com-srch-box .srch-input input { width: 100%; height: 48px; border: none; border-radius: 8px !important; padding: 12px 40px 12px 12px; }
.com-srch-box .srch-input input:focus-visible { outline: 2px solid var(--career--primary-50); outline-offset: 0; }
.com-srch-box .srch-input .btn-srch { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); padding: 8px; background: url(/cloud/m/img/common/icon_search-24c66d0d7311f4b2e279585875d38a28.svg) center no-repeat; background-size: 100%; width: 20px; height: 21px; }
.com-srch-box .filter-box { padding-top: 24px; margin-top: 24px; border-top: 1px solid var(--career--gray-40); display: flex; gap: 16px; }
.com-srch-box .filter-box p.filter-tl { font-size: var(--label-m-700); font-weight: 700; }
.com-srch-box .filter-box p.filter-tl span { color: var(--career--primary-50); }
.com-srch-box .filter-box .tag-list { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.com-srch-box .filter-box .tag-list .refresh-btn { width: 32px; height: 32px; border: 1px solid var(--career--gray-40); background: var(--career--white); border-radius: 50%; }
.com-srch-box .filter-box .tag-list .refresh-btn:hover { background-color: #f4f5f6; }
.com-srch-box .filter-box .tag-list .refresh-btn img { margin: 0 auto; }

/* 조건검색 - 셀렉트 박스 */
.detail-srch-box { padding: 40px; border-radius: 12px; background: var(--career--secondary-5); display: grid; gap: 40px; }
.detail-srch-box li .com-select-box.type-01 label { margin-bottom: 16px; font-size: var(--label-m-700); font-weight: 700; }
.detail-srch-box li .com-select-box.type-01 label span { font-size: var(--label-s-400); font-weight: 400; }
.detail-srch-box li .label-txt { margin-bottom: 16px; font-size: var(--label-m-700); font-weight: 700; }
.detail-srch-box li .label-txt span { font-size: var(--label-s-400); font-weight: 400; }
.detail-srch-box li .com-select-box { width: 100%; }
.detail-srch-box li .com-select-box select { width: 100%; border: 1px solid var(--career--gray-60); }
.detail-srch-box li.col-2 { display: flex; align-items: center; gap: 16px; }
.detail-srch-box li.col-2 .com-select-box { width: 50%; }
.detail-srch-box li.col-2 .com-select-box select { width: 100%; border: 1px solid var(--career--gray-60); }
.detail-srch-box .com-srchBtn-box { display: flex; align-items: center; justify-content: center; gap: 8px; }

/* 조건검색 - 라디오 버튼 */
.detail-srch-box .radio-wrap { display: grid; }
.detail-srch-box .radio-wrap .com-radio { border: 1px solid var(--career--gray-40); background: #fff; padding: 10px; margin-left: -1px; margin-bottom: -1px; }
.detail-srch-box .radio-wrap .com-radio:focus-within { outline-offset: -6px; }
.detail-srch-box .radio-wrap.col-3 { grid-template-columns: repeat(3, 1fr); }
.detail-srch-box .radio-wrap.col-4 { grid-template-columns: repeat(4, 1fr); }
.detail-srch-box .radio-wrap.col-5 { grid-template-columns: repeat(5, 1fr); }
.detail-srch-box .radio-wrap.col-15 { grid-template-columns: repeat(15, 1fr); }

/* 조건검색 - 체크박스 */
.detail-srch-box .checkBox-wrap { display: grid; }
.detail-srch-box .checkBox-wrap .com-checkbox { border: 1px solid var(--career--gray-40); background: #fff; padding: 10px; margin-left: -1px; margin-bottom: -1px; }
.detail-srch-box .checkBox-wrap .com-checkbox:focus-within { outline-offset: -6px; }
.detail-srch-box .checkBox-wrap.col-3 { grid-template-columns: repeat(3, 1fr); }
.detail-srch-box .checkBox-wrap.col-4 { grid-template-columns: repeat(4, 1fr); }
.detail-srch-box .checkBox-wrap.col-5 { grid-template-columns: repeat(5, 1fr); }

/* 조건검색 - 기간검색(날짜입력) */
.detail-srch-box .com-date-input { width: 50%; background: #fff; }


/* 텍스트형 카드 */
.com-card .fake-btn { font-size: 17px; color: var(--career--primary-90); display: inline-flex; align-items: center; gap: 6px; justify-content: flex-end; margin-top: 40px; }
.com-card .con-box { display: grid; gap: 24px; }
.com-card .con-box:has()
.com-card .con-box a { display: block; }
.com-card .con-box .con-hd { display: flex; align-items: center; gap: 15px; }
.com-card .con-box .con-hd .count { margin-left: auto; }
.com-card .con-box .con-hd .count span { color: var(--career--primary); }
.com-card .con-box .title { font-size: var(--title-s-700); color: var(--career--gray-90); font-weight: 700; }
.com-card .con-box .title.center { text-align: center; }
.com-card .con-box .con { line-height: 150%; font-size: var(--body-m-400); color: var(--career--gray-70); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.com-card .con-box .con.third-line { -webkit-line-clamp: 3; }
.com-card .con-box .con.second-line { -webkit-line-clamp: 2; }
.com-card .con-box .gallery-list { line-height: 150%; width: 100%; }
.com-card .con-box .gallery-list li { list-style-type: disc; list-style-position: inside; color: var(--career--gray-70); max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.com-card .terms-list { width: 100%; display: flex; align-items: flex-start; justify-content: center; padding-top: 24px; border-top: 1px solid var(--career--gray-30); }
.com-card .terms-list li { width: 33%; padding: 0 15px; text-align: center; }
.com-card .terms-list li:nth-of-type(2) { border-left: 1px solid var(--career--gray-30); border-right: 1px solid var(--career--gray-30); }
.com-card .terms-list li p { font-size: var(--body-s-400); }
.com-card .terms-list li span { font-size: var(--body-s-400); display: block; padding: 4px; background: var(--career--primary-5); border: 1px solid var(--career--primary-50); border-radius: 100px; margin-top: 16px; }
.com-card .tail-item-list { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.com-card .tail-item-list > div { font-size: 17px; display: inline-flex; align-items: center; gap: 4px; color: var(--career--gray-90); }
.com-card .tag-list { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding-top: 24px; border-top: 1px solid var(--career--gray-40); }
.com-card > .com-btn { margin-left: auto; }
.com-card.type-02:hover .terms-list { border-top: 1px solid var(--career--primary-30); }
.com-card.type-02:hover .terms-list li span { background: var(--career--primary-50); color: #fff; }
.com-card.text { padding: 24px; display: grid; border-radius: 12px; border: 1px solid var(--career--gray-40); }
.com-card.img { display: grid; border-radius: 12px; border: 1px solid var(--career--gray-40); overflow: hidden; }
.com-card.img .img-box { width: 100%; height: 244px; overflow: hidden; }
.com-card.img .img-box img { width: 100%; height: 100%;object-fit: fill; }
.com-card.img .bt-box { padding: 24px; width: 100%; display: flex; flex-direction: column; }
.com-card.img .bt-box > .com-btn { margin-left: auto; }
.com-card:hover { border: 1px solid var(--career--primary); }
.com-card:hover .con-box .title { color: var(--career--primary); }
.com-card:hover .con-box .con { text-decoration: underline; text-decoration-color: var(--career--gray-60); }
.com-card.img.type-02 { padding: 24px 16px; }
.com-card.img.type-02 .con-hd { display: flex; align-items: stretch; justify-content: space-between; gap: 20px; }
.com-card.img.type-02 .img-box { width: calc(100% - 113px); height: 180px; border: 1px solid #ddd; flex:1; }
.com-card.img.type-02 .img-box img { object-fit: fill; }
.com-card.img.type-02 .info-list { width: 100px; display: flex; flex-direction: column; justify-content: center; gap: 9px; flex-shrink: 0; }
.com-card.img.type-02 .info-list li.percent { width: 100%; display: flex; align-items: center; gap: 4px; padding: 8px 12px; color: var(--career--primary); font-weight: 500; font-size: 15px; border-radius: 5px; border: 1px solid var(--career--primary); background: var(--career--primary-5); }
/* .com-card.img.type-02 .info-list li.percent.school::before { content: ''; display: block; width: 20px; height: 20px; background: url(/cloud/m/img/sub/Icon_chart-a708a601795105691ba9a1d4e1a64623.svg) no-repeat center; } */
/* .com-card.img.type-02 .info-list li.percent.company::before { content: ''; display: block; width: 20px; height: 20px; background: url(/cloud/m/img/sub/Icon_up-568ce53be2c0bb2b01fc263f3df11fc5.svg) no-repeat center; } */
.com-card.img.type-02 .info-list li.strch { display: flex; flex-direction: column; align-items: stretch; gap: 9px; }
.com-card.img.type-02 .info-list .com-badge { height: 24px; line-height: 17px; font-size: 15px; text-align: center; }
.com-card.img.type-02 .info-list .com-badge + .com-badge {margin-top:9px;}
.com-card.img.type-02 .info-list dl { display: flex; align-items: center; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid #C0C1C3; }
.com-card.img.type-02 .info-list dt { font-size: var(--label-s-400); color: var(--career--gray-90); line-height: 20px; }
.com-card.img.type-02 .info-list dd.percent { width: 100%; font-weight: 500; font-size: var(--body-m-700); font-weight: 600; }
/* .com-card.img.type-02 .info-list dd.percent.school::before { content: ''; display: block; width: 20px; height: 20px; background: url(/cloud/m/img/sub/Icon_chart-a708a601795105691ba9a1d4e1a64623.svg) no-repeat center; } */
/* .com-card.img.type-02 .info-list dd.percent.company::before { content: ''; display: block; width: 20px; height: 20px; background: url(/cloud/m/img/sub/Icon_up-568ce53be2c0bb2b01fc263f3df11fc5.svg) no-repeat center; } */
.com-card.img.type-03 { padding: 24px 16px; }
.com-card.img.type-03 .con-hd { display: flex; align-items: center; justify-content: space-between; }
.com-card.img.type-03 .img-box { width: 100%; max-height: 200px; border: 1px solid #ddd; border-radius: 8px; }
.com-card.img.type-03 .info-list-02 { width: 80px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; flex-shrink: 0; }
.com-card.img.type-03 .info-list-02 dl { width: 100%; }
.com-card.img.type-03 .info-list-02 dt { font-size: 15px; }
.com-card.img.type-03 .info-list-02 dd { width: 100%; font-weight: 500; font-size: var(--body-m-700); font-weight: 600; padding-bottom: 8px; border-bottom: 1px solid #C0C1C3; }
/* .com-card.img.type-03 .info-list-02 dd.good::before { content: ''; display: block; width: 16px; height: 16px; background: url(/cloud/m/img/sub/icon_face_smile-59befa554d12a1577f2f36d4e7b8cd53.svg) no-repeat center; background-size: 16px; } */
/* .com-card.img.type-03 .info-list-02 dd.bad::before { content: ''; display: block; width: 16px; height: 16px; background: url(/cloud/m/img/sub/icon_face_normal-91f6c7b136e13825c800ac45b7e277cc.svg) no-repeat center; background-size: 16px; } */
.com-card.img.type-02 .mt-5 { margin-top: 5px; }
.com-card.img.type-02 .info-list-02 { gap: 16px; }



@media screen and (max-width: 360px){
 .com-card.img.type-02 .con-hd { flex-direction: column; }
 .com-card.img.type-02 .img-box { width: 100%; }
 .com-card.img.type-02 .info-list { flex-wrap: wrap; flex-direction: row; width: 100%; gap: 8px; }
 .com-card.img.type-02 .info-list li { width: 100%; }
 .com-card.img.type-02 .info-list li .com-badge { font-size: 14px; }
 .com-card.img.type-02 .info-list li .com-badge + .com-badge {margin-left:6px;}
 .com-card.img.type-02 .info-list li.percent { width: 48%; padding: 5px; font-size: 14px; }
}



/* 일반 / 조건 검색 결과 없음 */
.com-no-result { width: 100%; display: grid; gap: 40px; padding: 80px 0; justify-content: center; }
.com-no-result .img-box { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: var(--career--gray-5); border-radius: 50%; margin: 0 auto; }
.com-no-result .notice-box { margin: 0 auto; display: grid; gap: 24px; }
.com-no-result .notice-box p { font-size: var(--body-l-700); font-weight: 600; color: var(--career--gray-70); }
.com-no-result .notice-box ul { margin: 0 auto; }
.com-no-result .notice-box ul li { display: flex; align-items: center; gap: 4px; font-size: var(--body-s-400); color: var(--career--primary); margin-bottom: 8px; }
.com-no-result .notice-box ul li:last-of-type { margin-bottom: 0; }


/* 게시판 - 상세글 */
.com-view-hd { display: flex; align-items: center; justify-content: flex-end; gap: 16px; margin-bottom: 16px; }
.com-table-view-detail { table-layout: fixed; max-width: none; width: auto; min-width: 100%; border-collapse: collapse; border-top: 1px solid var(--career--gray-20); }
.com-table-view-detail th { background: var(--career--secondary-5); padding: 12px 20px; border-bottom: 1px solid var(--career--gray-20); font-size: var(--body-s-700); font-weight: 600; text-align: left; }
.com-table-view-detail td { padding: 12px 20px; border-bottom: 1px solid var(--career--gray-20); font-size: var(--body-s-400); }
.com-table-view-detail td .file-download-list { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.com-table-view-detail td .file-download-list li { list-style: none; }
.com-table-view-detail td .file-download-list a { display: block; width: fit-content; color: var(--career--primary-50); text-decoration: underline;}
.com-table-view-detail td .file-download-list a:hover { text-decoration: underline; }
.com-table-view-detail td .file-download-list a::after { content: ''; display: inline-block; width: 18px; height: 14px; background: url(/cloud/m/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) no-repeat center; cursor: pointer; margin-left: 4px; vertical-align: middle;}


/* 페이지 스킵 버튼 */
.com-page-skip { display: flex; align-items: center; width: 100%; gap: 16px; }
.com-page-skip li { width: 50%; }
.com-page-skip-btn { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 32px 24px; border: 1px solid var(--career--gray-40); width: 100%; border-radius: 12px; }
.com-page-skip-btn.active:hover { border: 1px solid var(--career--primary); }
.com-page-skip-btn.prev p { text-align: right; }
.com-page-skip-btn p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.com-page-skip-btn.active p { font-size: var(--link-l-700); font-weight: 600; color: var(--career--primary); text-decoration: underline; text-decoration-color: var(--career--primary); }
.com-page-skip-btn.disabled p { font-size: var(--link-l-700); font-weight: 400; color: var(--career--gray-60); }
.com-page-skip .skip-btn { display: flex; align-items: center; gap: 24px; color: #757575; font-size: var(--link-s-400); }
.com-page-skip-btn.next .skip-btn img { transform: rotate(180deg); }


/* 콘텐츠 - 동영상 설명 박스 */
.com-video-infobox-contents { padding: 24px 20px; background: #F2F8FA; }
.com-video-infobox-contents > div { display: flex; flex-direction: column; gap: 24px; padding: 16px; border: 1px solid #ddd; background: #fff; }
.com-video-infobox-contents > div .top { display: flex; gap: 24px; }
.com-video-infobox-contents > div .top .img-box { width: 120px; height: 74px; border-radius: 8px; border: 1px solid #ddd; overflow: hidden; }
.com-video-infobox-contents > div .top .img-box { height: 100%; }
.com-video-infobox-contents > div .top .con-box { display: flex; flex-direction: column; justify-content: space-between; }
.com-video-infobox-contents > div .top .con-box h3 { font-weight: 700; }
.com-video-infobox-contents > div .top .con-box p { font-size: var(--body-s-400); }
.com-video-infobox-contents > div .top .con-box p span { color: #4A72FF; font-weight: 600; }
.com-video-infobox-contents > div .bt .info { font-size: var(--body-s-400); margin-bottom: 24px; }
.com-video-infobox-contents > div .bt button { width: 100%; }


/* 콘텐츠 - 차트 박스 */
.com-chartbox-contents { padding: 24px; display: flex; flex-direction: column; align-items: center; gap: 40px; border: 1px solid var(--career--gray-40); border-radius: 12px; text-align: center; }
.com-chartbox-contents .chart-title { font-size: var(--body-l-700); font-weight: 600; }
.com-chartbox-contents .chart-info { width: 100%; padding-top: 24px; border-top: 1px solid var(--career--gray-40); }
.com-chartbox-contents .chart-info p { font-size: 16px; }
.com-chartbox-contents .chart-box { width: 100%;}
@media screen and (max-width: 400px) {
 .com-chartbox-contents .chart-box {margin-left:-24px; margin-right:-24px;}
}
.com-chartbox-contents .chart { height: 219px; width: 100%; }
.com-chartbox-contents .chart canvas,
.com-chartbox-contents .chart canvas * {letter-spacing:0;}
.com-chartbox-contents .hidden_legend { text-indent:-9999px; font-size:0; }
.com-chartbox-contents .chart_legend,
.com-chartbox-contents #chart_legend1,
.com-chartbox-contents #chart_legend2 { margin-top: 24px; }
.com-chartbox-contents .chart_legend ul,
.com-chartbox-contents #chart_legend1 ul,
.com-chartbox-contents #chart_legend2 ul { margin-top: 24px; margin: 0 auto; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.com-chartbox-contents .chart_legend li,
.com-chartbox-contents #chart_legend1 li,
.com-chartbox-contents #chart_legend2 li { display: inline-block; font-size: 13px; color: #1d1d1d; font-weight: 500; }
.com-chartbox-contents .chart_legend span,
.com-chartbox-contents #chart_legend1 span,
.com-chartbox-contents #chart_legend2 span  { display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-right: 5px; vertical-align: middle; }
.com-chartbox-contents .chart_legend.text_left ul{justify-content: flex-start; text-align: left;}

/* 콘텐츠 - 유의사항 */
.com-infobox-contents { padding: 16px; border: 1px solid var(--career--gray-20); background: var(--career--gray-5); border-radius: 12px; display: grid; gap: 16px; }
.com-infobox-contents .con-title { display: flex; align-items: center; gap: 4px; font-size: var(--body-l-700); font-weight: 600; }
.com-infobox-contents .tl-box { font-size: var(--body-s-400); }
.com-infobox-contents .tl-box .title { font-weight: 600; }
.com-infobox-contents .tl-box span { display: block; margin-top: 8px; }
.com-infobox-contents .con-box { color: var(--career--gray-70); }
.com-infobox-contents .con-box .con { font-size: var(--body-s-400); line-height: 1.8; }
.com-infobox-contents .con-box .con-list { padding-top: 12px; margin-top: 12px; border-top: 1px dashed var(--career--gray-40); display: grid; gap: 16px; }
.com-infobox-contents .con-box .con-list.disc li { list-style-type: disc; list-style-position: inside; }
.com-infobox-contents .con-box .con-list.demical li { list-style-type: decimal; list-style-position: inside; }
.com-infobox-contents.mt-16 { margin-top: 0; }


/* 콘텐츠 내용 */
.com-conts-title.lg { font-size: var(--title-l-700); font-weight: 600; }
.com-conts-title.md { font-size: var(--title-m-700); font-weight: 600; }
.com-conts-title.sm { font-size: var(--title-s-700); font-weight: 600; text-indent: -25px; padding-left: 25px;}
.com-conts-title.xsm { font-size: 17px; font-weight: 500; }
.com-conts-title.md::before { content: ''; display: inline-block; width: 3px; height: 20px; background: url(/cloud/m/img/common/icon_bullet_lg-7d26d7565928161cc49f296fd53d1124.svg) no-repeat center; background-size: cover; transform: translateY(2px); margin-right: 6px; }
.com-conts-title.sm::before { content: ''; display: inline-block; width: 13px; height: 14px; background: url(/cloud/m/img/common/icon_bullet_md-5170f4d2209ec8a5c85e9facefe648cb.svg) no-repeat center; background-size: cover; transform: translateY(0); margin-right: 7px; }
.com-conts-title.xsm::before { content: ''; display: inline-block; width: 6px; height: 7px; background: url(/cloud/m/img/common/icon_bullet_sm-4a863c478c9ca279ded4979ec167105c.svg) no-repeat center; background-size: cover; transform: translateY(0); margin-right: 6px; }
.com-conts-title.md + .com-conts-title.sm {margin-top: 24px;}
/* .com-conts-title.check { display: flex; align-items: center; gap: 4px; }  */
.com-conts-title.check::before { content: ''; display: inline-block; background: url(/cloud/m/img/sub/icon_conts_title_check-e8ac5f2d6c2396dd603887fdc6bd471f.png) no-repeat; width: 20px; height: 20px; background-size: 20px; }
.com-conts-area { display: grid; /* gap: 24px; */ padding: 24px 20px; overflow: hidden;}
.com-conts-area .com-conts-title.sm:not(:first-of-type) {margin-top: 24px; margin-bottom: 8px;}
.com-conts-area .info-txt { color: var(--career--gray-70); font-size: var(--body-s-400); padding-left: 18px;}
.com-conts-area .info-txt + .com-infobox-contents {margin-top: 8px;}
.com-conts-area .info-list { display: grid; gap: 8px; }
.com-conts-area .info-list li {color: var(--career--gray-70); font-size: var(--body-s-400); padding-left: 36px; text-indent: -15px;}
.com-conts-area .info-list li::before { content: ''; display: inline-block; width: 4px; height: 5px; background: url(/cloud/m/img/common/icon_bullet_xsm-a50f1b13a653e52344afd7b9e8af30f6.svg) no-repeat; margin-right: 8px;transform: translateY(-2px); }
.com-conts-area .info-list li a.link-under { text-decoration: underline; }
.com-conts-area .info-list li a {text-indent: 0px;}


/* 페이지네이션 */
.com-pagination { display: flex; gap: 8px; justify-content: center; margin-top: 40px; }
.com-pagination .page-links { display: flex; gap: 8px; justify-content: center; }
.com-pagination .page-links button { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: var(--link-m-400); color: var(--career--gray-70); }
.com-pagination .page-links button:not(.active):where(:hover,:focus) { background: var(--career--primary-70); border-radius: 6px; color: #fff; }
.com-pagination .page-links button.active { color: #fff; font-weight: 600; background-color: var(--career--primary-70); border-radius: 6px; }
.com-pagination .page-links button i { font-size: 13px; }
.com-pagination .btn-prev { margin-right: var(--next-prev-mg-lr); }
.com-pagination .btn-next { margin-left: var(--next-prev-mg-lr); }
.com-pagination > li button { display: flex; align-items: center; padding: 6px 8px; }
.com-pagination > li button.btn-prev { margin-right: 8px; }
.com-pagination > li button.btn-next { margin-left: 8px; }
.com-pagination :where(.btn-begin,.btn-end) i:first-of-type { margin-right:8px; }
.com-pagination :where(.btn-begin,.btn-end) i:last-of-type { margin-left: 8px; }
.com-pagination .link-dot { background: url(/cloud/m/img/common/pagination-dot-c16953c36e58fad8df970ec124f1f51b.png) center no-repeat; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }


.com-grid-box { display: grid; gap: 24px; padding: 12px 20px; }
.com-grid-box.col-2 { grid-template-columns: repeat(2, 1fr); }
.com-grid-box.col-3 { grid-template-columns: repeat(3, 1fr); }
.com-grid-box.col-4 { grid-template-columns: repeat(4, 1fr); }
.com-grid-box.col-5 { grid-template-columns: repeat(5, 1fr); }
/* .com-grid-box.col-11 { grid-template-columns: repeat(11, 1fr); } */
.flex-box-auto {display: flex;flex-wrap: wrap; padding: 12px 20px;gap: 24px; }
.flex-box-auto .com-card {width: 100%;}
@media screen and (min-width: 640px){
 .flex-box-auto .com-card {max-width: calc(50% - 12px);}
}
@media screen and (min-width: 960px){
 .flex-box-auto .com-card {max-width: calc(100%/3 - 16px);}
}
@media screen and (min-width: 1480px){
 .flex-box-auto .com-card {max-width: calc(25% - 18px);}
}

/* top 버튼 */
.btn-top{position:fixed; bottom: 50px; right:10px; border:0; background:none; }
.btn-top img{width:68px; height: 68px;}
.btn-top.on{position:absolute; bottom: 320px;}


/* 동영상 상세 페이지 */
.com-video-box { width: 100%; height: 300px; display: flex; align-items: center; justify-content: center; }
.com-video-box .vjs-big-play-button { width: 50px; height: 50px; border-radius: 50%; }
.com-video-box .vjs-big-play-button .vjs-icon-placeholder::before { display: flex; align-items: center; justify-content: center; /* font-size: 30px; */}
.com-video-wrap .com-conts-title { margin-bottom: 40px; }
.com-video-wrap .util-list { display: flex; align-items: center; justify-content: flex-end; gap: 20px; font-size: 17px; font-weight: 700; margin: 24px 0; }
.com-video-wrap .util-list li { display: flex; align-items: center; }
.com-video-wrap .util-list button { display: flex; align-items: center; gap: 5px; }
.com-video-wrap .util-list button:where(:hover,:focus-visible) { text-decoration: underline; text-underline-position: under; }
.com-video-wrap .util-list p.num span { font-weight: 400; padding-left: 5px; }
.com-video-wrap .com-tab-content { padding: 20px; border-bottom: 1px solid #d9d9d9; margin-bottom: 40px; }
.tag-box { overflow: hidden; padding: 2px 8px 12px 8px; background-color: #f2f8fa; border-bottom: 1px solid #c6c6c6; }
.tag-box .tag { float: left; display: block; height: 32px; margin: 10px 0 0 10px; padding: 0 12px; background-color: #fff; border: 1px solid #c6c6c6; color: #00152A; border-radius: 32px; line-height: 32px; text-align: center; letter-spacing: -1px; word-break: break-all; }
.source-box {display:flex; margin-top:20px;}
.source-box .tit {font-weight:700; margin-right:10px;}
.source-box .txt {margin-right:0;}


/******* 모바일 전용 *******/
/* BREADCRUMB */
.com-mob-breadcrumb-wrap { display: flex; justify-content: center; display: flex; align-items: flex-start; justify-content: center; flex-direction: row; display: none; }
.com-mob-breadcrumb-wrap .breadcrumb { display: flex; align-items: center; justify-content: flex-start; flex-direction: row; gap: 4px; width: 100%; padding: 20px; }
.com-mob-breadcrumb-wrap .breadcrumb li { display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; font-size: 15px; }
.com-mob-breadcrumb-wrap .breadcrumb li .txt { display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; line-height: 1.2; border-bottom: 0.1rem solid var(--krds-gray-50); }
.com-mob-breadcrumb-wrap .breadcrumb li span.txt { color: var(--career--gray-90); border-color: var(--career--gray-90); }
.com-mob-breadcrumb-wrap .breadcrumb li .txt:hover { text-decoration: underline; }
.com-mob-breadcrumb-wrap .breadcrumb li:not(:last-child)::after { display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; content: ""; width: 12px; height: 12px; margin-left: var(--krds-spacer-1); background: url(/cloud/m/img/common/arr_loc-aabeb035784ba226b21cf38f307f6669.svg) no-repeat; background-size: contain; }
.com-mob-breadcrumb-wrap .breadcrumb li:last-of-type::before { content: ""; width: 12px; height: 2px; background: url("/cloud/m/img/common/mob_icon_dot3-b258efd2e2f988442e2b31338cee96ee.svg") no-repeat center; margin: 0 5px; }
.com-mob-breadcrumb-wrap .breadcrumb li:last-of-type a::before { content: ""; flex-shrink: 0; width: 12px; height: 12px; background: url(/cloud/m/img/common/arr_loc-aabeb035784ba226b21cf38f307f6669.svg) no-repeat; margin: 0 6px; }
.com-mob-breadcrumb-wrap .breadcrumb .home { gap: 5px; }
.com-mob-breadcrumb-wrap .breadcrumb .home::before { display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; content: ""; width: 12px; height: 12px; background: url(/cloud/m/img/common/icon_home-e27081c448de51626f8a0182cf2e7d4d.svg) no-repeat; background-size: contain; }
.com-grid-box.video-list li a img{width: 100%; aspect-ratio: 3 / 1.7; object-fit: cover; border-radius: 10px;}
.com-grid-box.video-list .txt{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;font-size: 16px;margin: 5px 0 0 0;}}


/* 검색결과 상단 */
.com-mob-srch-list-top { color: #1d1d1d; display: flex; flex-direction: column; gap: 24px; padding: 24px 20px; background-color: #fff; border-bottom: 1px solid #ddd; }
.com-mob-srch-list-top.type02 { color: #1d1d1d; display: flex; flex-direction: row; justify-content: space-between; gap: 24px; padding: 24px 20px; background-color: #fff; border-bottom: 1px solid #ddd; }
.com-mob-srch-list-top .opt-box { display: flex; justify-content: flex-end; align-items: center; gap: 16px; }
.com-mob-srch-list-top .sel-box { display: flex; align-items: center; gap: 10px; }
.com-mob-srch-list-top .sel-box label { font-weight: 800; }
.com-mob-srch-list-top .sel-box select { padding-right: 20px; border: none; appearance: none; background: url('/cloud/m/img/common/mob_icon_angle_down_02-0039db025575d685260186e086a9a6a3.svg') no-repeat center right; }
.com-mob-srch-list-top .sel-box select:focus-visible { outline: 2px solid var(--career--primary-50); }
.com-mob-srch-list-top .cnt-box { font-size: 17px; font-weight: 800; }
.com-mob-srch-list-top .cnt-box .num { color: #1d56bc; padding-left: 3px; }
.com-mob-srch-list-top .bot-box { display: flex; align-items: center; }
.com-mob-srch-list-top .bot-box .btn-list { display: flex; align-items: center; gap: 16px; font-size: 15px; font-weight: 500; margin-left: auto; }
.com-mob-srch-list-top .bot-box .btn-list button { display: flex; align-items: center; gap: 6px; }
.com-mob-srch-list-top .bot-box .btn-list .btn-register::before { content: ""; width: 12px; height: 12px; background: url(/cloud/m/img/common/mob_icon_chat-b1afe6ae15d4c32eb2f1770be3ab7469.svg) no-repeat; }
.com-mob-srch-list-top .bot-box .btn-list .btn-add::before { content: ""; width: 12px; height: 12px; background: url(/cloud/m/img/common/mob_icon_plus-70eb5ae10dd625d87ac3abaf507bf7b0.svg) no-repeat; }
.com-mob-srch-list-top .bot-box .btn-list .btn-remove::before { content: ""; width: 12px; height: 2px; background: url(/cloud/m/img/common/mob_icon_minus-09496a9137a80536e57d9b56d712874e.svg) no-repeat; }
.com-mob-srch-list-top .bot-box .btn-list .btn-refresh::before { content: ""; width: 16px; height: 16px; background: url(/cloud/m/img/common/icon_refresh-51db04ef79ce2c32f04d697c79a4b470.svg) no-repeat; }



/* 검색조건 박스 */
.com-mob-srch-input-box { width: 100%; position: relative; }
.com-mob-srch-input-box input { color: var(--career--primary-90); width: 100%; height: 48px; padding: 0 16px; background-color: #fff; border: 1px solid var(--career--gray-60); border-radius: 8px; font-size: 17px; }
.com-mob-srch-input-box .btn-srch { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); }
.com-mob-srch-input-box .btn-srch::before { content: ""; width: 24px; height: 24px; background: url('/cloud/m/img/common/mob_icon_search-ed8b15d947b3631f69f5407ad911f091.svg') no-repeat; display: block; background-size: 24px; }
.com-mob-srch-input-box.type-02 input { border-color: #246BEB; }

.com-mob-srch-box-01 { background-color: #FBFCFE; padding: 16px 20px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; /* flex-direction: column; */ /* gap: 16px; */ }
/* .com-mob-srch-box-01 select { width: 100%; height: 48px; padding: 0 16px; background-color: #fff; border: 1px solid var(--career--gray-60); border-radius: 8px; font-size: 17px; }
.com-mob-srch-box-01 select { padding-right: 45px; color: #555; appearance: none; background: url("/cloud/m/img/common/mob_icon_angle_down-6a86c4cdd98d57b1e7a349b75cc086e9.svg") no-repeat center right 16px; background-color: #fff; } */
.com-mob-srch-box-01 .com-mob-srchBtn-box { width: 100%; /*padding-top: 24px;*/ }
.com-mob-srch-box-01 select { width: 96px; height: 48px; padding: 0 16px; background-color: #fff; border: 1px solid #B1B8CA; border-right: 0; border-radius: 6px 0 0 6px; font-size: 17px; }
.com-mob-srch-box-01 select:not(:has(+ .com-mob-srch-input-box)) { width: 100%; border: 1px solid #B1B8CA; border-radius: 6px; }
.com-mob-srch-box-01 select { padding-right: 45px; color: #1d1d1d; font-weight: 600; appearance: none; background: url("/cloud/m/img/common/mob_icon_angle_down_full-0039db025575d685260186e086a9a6a3.svg") no-repeat center right 16px; background-color: #fff; }
.com-mob-srch-box-01 select + .com-mob-srch-input-box { width: calc(100% - 96px); }
.com-mob-srch-box-01 select + .com-mob-srch-input-box input {border-radius: 0 6px 6px 0; }
.com-mob-srch-box-01 .com-mob-srch-input-box .btn-srch::before { content: ""; width: 34px; height: 34px; border-radius: 13px; background: #536492 url('/cloud/m/img/common/mob_icon_search_w-2d029d6f33fd0b27aff3f113d92596db.svg') no-repeat center; }
.com-mob-srch-box-01 .com-checkbox { margin-top: 16px; }
.com-mob-srch-box-01 .option-box .com-checkbox{margin-top: 0;}

.com-mob-srch-box-01 .btn-more-srch-opt { display: inline-flex; align-items: center; gap: 5px; background-color: transparent; margin-top: 16px; }
.com-mob-srch-box-01 .btn-more-srch-opt::before { content: ""; width: 24px; height: 24px; background: url(/cloud/m/img/common/mob_icon_more_srch_option-6528b42682505a9a4cf025a9802b2bb0.svg) no-repeat; }
/*상세검색(detail-box) 들어있는 search 영역도 com-mob-srch-box-01 으로 통일*/
.com-mob-srch-box-01 .com-mob-srch-input-box input { border: 1px solid #B1B8CA; border-radius: 6px; color: #8E8E8E; }
.com-mob-srch-box-01 .detail-box { width: 100%;}
.com-mob-srch-box-01 .detail-box.active .option-box { display: block; }
.com-mob-srch-box-01 .detail-box.active .option-box .option-hd { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #ddd; }
.com-mob-srch-box-01 .detail-box.active .btn-box .detail-toggle::before { background-image: url(/cloud/m/img/common/srch_arrow-f2065eb750095130f2fc5e07b14a53cd.svg); }
.com-mob-srch-box-01 .detail-box .btn-box { width: 100%; height: 48px; background-color: #F3F8FE; border: 1px solid #B1B8CA; color: #536492; font-weight: 600; font-size: 17px; display: flex; border-radius: 8px; }
.com-mob-srch-box-01 .detail-box .btn-box .detail-toggle { width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; background-color: transparent; position: relative; }
.com-mob-srch-box-01 .detail-box .btn-box .detail-toggle::after { content: ""; position: absolute; right: 24px; width: 16px; height: 16px; background: url(/cloud/m/img/common/srch_arrow-f2065eb750095130f2fc5e07b14a53cd.svg) no-repeat; transform: rotate(180deg); }
.com-mob-srch-box-01 .detail-box.active .btn-box .detail-toggle::after { content: ""; position: absolute; right: 24px; width: 16px; height: 16px; background: url(/cloud/m/img/common/srch_arrow-f2065eb750095130f2fc5e07b14a53cd.svg) no-repeat; transform: rotate(0deg); }
.com-mob-srch-box-01 .detail-box .btn-box .btn-refresh { background-color: transparent; }
.com-mob-srch-box-01 .detail-box .option-box { display: none; padding: 20px; border: 1px solid #ADB4C4; margin-top: 24px; border-radius: 8px; background-color: #fff; position: relative; }
.com-mob-srch-box-01 .detail-box .option-box::before { content: ""; width: 16px; height: 16px; background-color: #fff; border-top: 1px solid #ADB4C4; border-right: 1px solid #ADB4C4; border-top-right-radius: 3px; position: absolute; top: 0; left: 50%; transform: translate(-50%,-9px) rotate(-45deg); }
.com-mob-srch-box-01 .detail-box .option-box .com-mob-srchBtn-box { border-top: none; }
.com-mob-srch-box-01 .detail-box .option-box > div { margin-top: 8px; }
.com-mob-srch-box-01 .detail-box .option-box > div:first-of-type { margin-top: 0; }
.com-mob-srch-box-01 .detail-box .option-box .tab-list { display: flex; font-size: var(--body-m-700); color: var(--career--gray-70); font-weight: 600; border: 1px solid #B4C4D6; overflow: hidden; border-radius: 30px; }
.com-mob-srch-box-01 .detail-box .option-box .tab-list > li { width: 100%; }
.com-mob-srch-box-01 .detail-box .option-box .tab-list > li + li { border-left: 1px solid #B0B8CB; }
.com-mob-srch-box-01 .detail-box .option-box .tab-list button { width: 100%; height: 100%; min-height: 58px; padding: 10px; display: inline-flex; justify-content: center; align-items: center; text-align: center; word-break: keep-all; background: #F7F8FA; }
.com-mob-srch-box-01 .detail-box .option-box .tab-list button.active { color: var(--career--primary); background-color: #fff; }
.com-mob-srch-box-01 .detail-box .option-box .option-list{padding: 12px 0;}
.com-mob-srch-box-01 .detail-box .option-list div + div{margin-top: 4px;}
.com-mob-srch-box-01 .detail-box .option-list-01 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; padding: 12px 0; }
.com-mob-srch-box-01 .detail-box .option-list-02 { display: flex; flex-direction: column; gap: 5px; }
.com-mob-srch-box-01 .detail-box .option-list-03 { display: flex; flex-direction: column; gap: 10px; padding: 12px 20px; }
.com-mob-srch-box-01 .detail-box .result-box { display: flex; justify-content: space-between; align-items: center; font-size: 14px; padding: 25px 19px; border-top: 1px solid #D9D9D9; gap: 20px; }
.com-mob-srch-box-01 .detail-box .result-txt { color: #1D1D1D; font-weight: 600; }
.com-mob-srch-box-01 .detail-box .result-txt .num { color: #1D56BC; }
.com-mob-srch-box-01 .detail-box .btn-cls { flex-shrink: 0; color: #555; display: inline-flex; justify-content: center; align-items: center; gap: 27px; }
.com-mob-srch-box-01 .detail-box .btn-cls::after { content: ""; width: 8px; height: 15px; background: url(/cloud/m/img/common/mob_icon_right_angle-b1d7427460ac987405dd3f9a6707c5ec.svg) no-repeat; background-size: 9px; }
.com-mob-srch-box-01 .detail-box .tab-content { display: none; }
.com-mob-srch-box-01 .detail-box .tab-content.active { display: block; }
.com-mob-srch-box-01 .com-mob-srch-input-box + .detail-box{margin-top: 12px;}

.com-mob-srch-box-02 { background: #F9FBFF; padding: 16px 20px; display: flex; flex-direction: column; gap: 24px; }
.com-mob-srch-box-02 select { width: 100%; height: 48px; padding: 0 16px; background-color: #fff; border: 1px solid #B1B8CA; border-radius: 6px; font-size: 17px; padding-right: 45px; color: #1d1d1d; font-weight: 600; appearance: none; background: url("/cloud/m/img/common/mob_icon_angle_down_full-0039db025575d685260186e086a9a6a3.svg") no-repeat center right 16px; background-color: #fff; }
.com-mob-srch-box-02 .com-mob-srchBtn-box { width: 100%; padding-top: 24px; }
/* .com-mob-srch-box-02 input { background: #fff; overflow: hidden; } */
.com-mob-srch-box-02 .com-text-input.md label { font-size: 17px; font-weight: 800; }
.com-mob-srch-box-02 .com-select-box select { width: 100%; }
.com-mob-srch-box-02 .com-select-box.type-01.md label { font-size: 17px; font-weight: 800; }
.com-mob-srch-box-02 .multi-input-box > .label-txt { margin-bottom: 12px; font-weight: 800; color: var(--career--gray-90); font-size: 17px; }
.com-mob-srch-box-02 .com-date-input { width: 100%; }
.com-mob-srch-box-02 > .btn-srch { height: 48px; font-size: 17px; border-radius: 8px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #246BEB; }
.com-mob-srch-box-02 .com-mob-srch-input-box.type-02 input { background: #fff; border: 1px solid #B1B8CA; border-radius: 6px; color: #8E8E8E; }
.com-mob-srch-box-02 .com-mob-srch-input-box .btn-srch { right: 12px; }
.com-mob-srch-box-02 .com-mob-srch-input-box .btn-srch::before { content: ""; width: 34px; height: 34px; border-radius: 13px; background: #536492 url('/cloud/m/img/common/mob_icon_search_w-2d029d6f33fd0b27aff3f113d92596db.svg') no-repeat center; }


.com-mob-srch-box-03 { padding: 24px 20px; background-color: #F9FBFF; display: flex; flex-wrap: wrap; /* flex-direction: column; */ /* gap: 14px; */ }
.com-mob-srch-box-03 select { width: 96px; height: 48px; padding: 0 16px; background-color: #fff; border: 1px solid #B1B8CA; border-right: 0; border-radius: 6px 0 0 6px; font-size: 17px; padding-right: 45px; color: #1d1d1d; font-weight: 600; appearance: none; background: url("/cloud/m/img/common/mob_icon_angle_down_full-0039db025575d685260186e086a9a6a3.svg") no-repeat center right 16px; background-color: #fff; }
.com-mob-srch-box-03 select + .com-mob-srch-input-box { width: calc(100% - 96px); }
.com-mob-srch-box-03 select + .com-mob-srch-input-box.type-02 input { border: 1px solid #B1B8CA; border-radius: 0 6px 6px 0; color: #8E8E8E; }
.com-mob-srch-box-03 .com-mob-srch-input-box.type-02 input { border: 1px solid #B1B8CA; border-radius: 6px; color: #8E8E8E; }
.com-mob-srch-box-03 .com-mob-srch-input-box .btn-srch { right: 12px; }
.com-mob-srch-box-03 .com-mob-srch-input-box .btn-srch::before { content: ""; width: 34px; height: 34px; border-radius: 13px; background: #536492 url('/cloud/m/img/common/mob_icon_search_w-2d029d6f33fd0b27aff3f113d92596db.svg') no-repeat center; }

.com-mob-srch-box-03 .com-checkbox input[type="checkbox"].all-check + label { border: 1px solid #979797; padding: 3px 7px; border-radius: 4px; gap: 0; }
.com-mob-srch-box-03 .com-checkbox input[type="checkbox"].all-check + label::before { content: ''; flex-shrink: 0; display: inline-block; width: 20px; height: 20px; border: none; background: url(/cloud/m/img/common/icon_check-e78a12a15b55b8114c8d0bea961ce64e.svg) center no-repeat; }
.com-mob-srch-box-03 .com-checkbox input[type="checkbox"].all-check:checked + label { background: var(--career--primary); color: #FFF; border: 1px solid var(--career--primary); }
.com-mob-srch-box-03 .com-checkbox input[type="checkbox"].all-check:checked + label::before { content: ''; display: inline-block; border: none; background: url(/cloud/m/img/common/icon_check_white-5797a72349ab605b54daad16e0748a42.svg) center no-repeat; }
.com-mob-srch-box-03 .com-checkbox input[type="checkbox"].all-check:disabled + label::before { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 3px; border: 1px solid var(--career--gray-40); background: var(--career--gray-30); }
.com-mob-srch-box-03 .com-checkbox input[type="checkbox"].all-check:checked:disabled + label::before { content: ''; display: inline-block; border-radius: 3px; border: 1px solid var(--career--gray-40); background: var(--career--gray-30) url(/cloud/m/img/common/icon_check_grey-4789a76b39458812b16f9b9a5d1931b9.svg) center no-repeat; }
.com-checkbox.sm { font-size: 15px; }
.com-mob-srch-box-03 .other-opt-box-toggle { width: 100%; min-height: 48px; padding: 10px; display: flex; justify-content: center; align-items: center; text-align: center; gap: 8px; border-radius: 8px; color: #fff; font-size: 17px; background-color: #246BEB; }
.com-mob-srch-box-03 .other-opt-box-toggle::after { content: ""; width: 20px; height: 20px; background: url(/cloud/m/img/common/icon_plus_white-c7ece7c60a87825ec24d46199a3e1adf.svg) no-repeat; }
.com-mob-srch-box-03 .com-mob-exp-srch { border-top: 0; padding: 24px 0; }

.com-mob-popup-box-01 { opacity: 0; pointer-events: none; width: 100%; height: 100dvh; position: fixed; top: 0; left: 0; z-index: 1000; transition: 0.5s; }
.com-mob-popup-box-01.active { opacity: 1; pointer-events: auto; }
.com-mob-popup-box-01.active > .inner { transform: translateY(0); }
.com-mob-popup-box-01 > .bg-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); }
.com-mob-popup-box-01 > .inner { width: 100%; max-height: 90%; position: absolute; left: 0; bottom: 0; z-index: 0; background-color: #fff; border-top-left-radius: 16px; border-top-right-radius: 16px; display: flex; flex-direction: column; transition: 0.5s; transform: translateY(100%); }
.com-mob-popup-box-01 .popup-hd { min-height: 72px; padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px solid #555; }
.com-mob-popup-box-01 .popup-hd .title { font-size: 23px; color: #1D1D1D; font-weight: 800; }
.com-mob-popup-box-01 .popup-hd .btn-cls { display: inline-flex; justify-content: center; align-items: center; }
.com-mob-popup-box-01 .popup-hd .btn-cls::before { content: ""; width: 20px; height: 20px; background: url(/cloud/m/img/common/mob_icon_x-e5b14cc4d1e5bc738999b2887de94bdf.svg) no-repeat; }
.com-mob-popup-box-01 .popup-body { flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
.com-mob-popup-box-01 .popup-body > .ctt-txt { padding: 24px 20px; font-size: 15px; color: #555; }
.com-mob-popup-box-01 .popup-body > .ctt-list { flex-grow: 1; overflow: auto; padding: 0 20px; padding-bottom: 24px; }


.com-mob-option-box-01 { }
.com-mob-option-box-01 .opt-hd-box { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 8px 0; border-bottom: 1px solid #D9D9D9; }
.com-mob-option-box-01 .opt-hd-box .title { font-weight: 700; font-size: 16px; }
.com-mob-option-box-01 .opt-hd-box .com-checkbox { flex-shrink: 0; }
.com-mob-option-box-01 .opt-body-box { padding: 12px 0; display: grid; gap: 4px; }
.com-mob-option-box-01 .opt-body-box.col-type-01 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.com-mob-option-box-01 .opt-body-box.col-type-02 { grid-template-columns: repeat(1,minmax(0,1fr)); }

.com-mob-option-box-02 { }
.com-mob-option-box-02 .main-title { font-size: 17px; font-weight: 800; color: #1d1d1d; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D9D9D9; padding: 10px 0; gap: 20px; }
.com-mob-option-box-02 .main-title::after { content: ""; flex-shrink: 0; width: 10px; height: 12px; background: url(/cloud/m/img/common/icon_angle_right-2f50dd3310ba997104c1bbf24ffcfce0.svg) no-repeat; background-size: 8px; }
.com-mob-option-box-02 .sub-links { display: flex; flex-direction: column; gap: 8px; font-size: 15px; color: #1d1d1d; padding: 20px 0; }
.com-mob-option-box-02 .sub-links li { width: 100%; }
.com-mob-option-box-02 .sub-links a { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.com-mob-option-box-02 .sub-links a::after { content: ""; flex-shrink: 0; width: 6px; height: 9px; background: url(/cloud/m/img/common/icon_angle_right-2f50dd3310ba997104c1bbf24ffcfce0.svg) no-repeat; }
.com-mob-option-box-02 .sub-links .sub-title { }
.com-mob-option-box-02 .sub-links .sub-title .num { padding-left: 4px; color: #FF0000; }




/* 태그 */
.content-tag{display: flex; align-items: center;}

.content-tag .con-tag-tit:before{content:''; display: inline-block; width: 14px; height: 14px; background: url(/cloud/m/img/sub/icon-tag-ade7c1e1a4fc95071c13e6ea0893b190.svg) no-repeat;}
.content-tag .con-tag-list{display: flex; flex-wrap: wrap; gap: 4px; width: calc(100% - 60px); padding-left: 10px;}

/* FAQ */
.com-mob-qna-01 { color: #1d1d1d; border-top:0px solid #C6C6C6; }
.com-mob-qna-01 :is(.question-wrap, .answer-wrap) { padding: 0 20px; border-bottom: 1px solid #C6C6C6; }
.com-mob-qna-01 .answer-wrap { background-color: #EFF5FF; }
.com-mob-qna-01 .qa-hd-box { display: flex; flex-direction: column; gap: 8px; /*padding: 24px 0 24px 48px;*/ padding: 70px 0 24px 0px; }
.com-mob-qna-01 .qa-hd-box .title { font-size: 19px; font-weight: 800; }
.com-mob-qna-01 .qa-hd-box .target { font-size: 15px; font-weight: 300; }
.com-mob-qna-01 .qa-hd-box .info-list { display: flex; flex-wrap: wrap; gap: 3px 12px; font-size: 15px; }
.com-mob-qna-01 .qa-hd-box .info-list > div { display: flex; align-items: center; gap: 8px; position: relative; }
.com-mob-qna-01 .qa-hd-box .info-list > div:not(:last-of-type) { padding-right: 12px; }
.com-mob-qna-01 .qa-hd-box .info-list > div:not(:last-of-type)::after { content: ""; width: 1px; height: 11px; background-color: #D9D9D9; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.com-mob-qna-01 .qa-hd-box .info-list dt { color: #333; font-weight: 800; }
.com-mob-qna-01 .qa-hd-box .info-list dd { color: #555; }
.com-mob-qna-01 .qa-body-box { border-top: 1px solid #d9d9d9; padding: 24px 0; font-weight: 400; font-size: 17px; }
.com-mob-qna-01 .question-wrap .qa-hd-box { background: url(/cloud/m/img/common/icon_q_02-1c22bcc01343a4eb8f7305b2c416e5af.svg) no-repeat top 21px left; }
.com-mob-qna-01 .answer-wrap .qa-hd-box { background: url(/cloud/m/img/common/icon_a_02-756d2af99d6e697bf6a7fc0a10063635.svg) no-repeat top 21px left; }
.com-mob-qna-01 .answer-wrap .qa-hd-box * {font-family:Pretendard !important; font-size:16px !important; line-height:1.4 !important;}

.com-mob-qna-02 { color: #1D1D1D; border-top: 1px solid #C6C6C6; }
.com-mob-qna-02 .question-box { width: 100%; padding: 24px 48px 24px 20px; display: flex; align-items: flex-start; gap: 16px; font-size: 19px; font-weight: 800; background: url(/cloud/m/img/common/icon_angle_down_02-0213b2cf8f925283505fb8cacfded4fa.svg) no-repeat center right 20px; text-align: left; border-bottom: 1px solid #C6C6C6; }
.com-mob-qna-02 .question-box.active { background: url(/cloud/m/img/common/icon_angle_up_02-c338e1c41ba09c3431d84cec6998dade.svg) no-repeat center right 20px; }
.com-mob-qna-02 .question-box::before { content: ""; flex-shrink: 0; width: 32px; height: 32px; background: url(/cloud/m/img/common/icon_q_02-1c22bcc01343a4eb8f7305b2c416e5af.svg) no-repeat; }
.com-mob-qna-02 .question-box .title { padding-top: 3px; }
.com-mob-qna-02 .answer-box { display: none; padding: 24px 20px; background-color: #EFF5FF; border-bottom: 1px solid #C6C6C6; gap: 16px; }
.com-mob-qna-02 .answer-box.active { display: flex; }
.com-mob-qna-02 .answer-box::before { content: ""; flex-shrink: 0; width: 32px; height: 32px; background: url(/cloud/m/img/common/icon_a_02-756d2af99d6e697bf6a7fc0a10063635.svg) no-repeat; }
.com-mob-qna-02 .answer-box p { min-height: 32px; display: flex; flex-direction: column; justify-content: center; }

.com-mob-qna-03 { color: #1D1D1D; border-top: 1px solid #C6C6C6; }
.com-mob-qna-03 .question-box { width: 100%; padding: 24px 20px; display: flex; align-items: flex-start; gap: 16px; font-size: 19px; font-weight: 800; text-align: left; border-bottom: 1px solid #C6C6C6; }
.com-mob-qna-03 .question-box::before { content: ""; flex-shrink: 0; width: 32px; height: 32px; background: url(/cloud/m/img/common/icon_q_02-1c22bcc01343a4eb8f7305b2c416e5af.svg) no-repeat; }
.com-mob-qna-03 .question-box .title { padding-top: 3px; }
.com-mob-qna-03 .answer-box { display: flex; padding: 24px 20px; background-color: #EFF5FF; border-bottom: 1px solid #C6C6C6; gap: 16px; }
.com-mob-qna-03 .answer-box::before { content: ""; flex-shrink: 0; width: 32px; height: 32px; background: url(/cloud/m/img/common/icon_a_02-756d2af99d6e697bf6a7fc0a10063635.svg) no-repeat; }
.com-mob-qna-03 .answer-box p { min-height: 32px; display: flex; flex-direction: column; justify-content: center; }


/* 게시판 목록 타입 */
.com-mob-brd-01 { }
.com-mob-brd-01 > ul { padding: 0 20px; }
.com-mob-brd-01 a { padding: 20px 0; display: flex; flex-direction: column; border-bottom: 1px solid #C6C6C6; align-items: flex-start; gap: 8px; }
.com-mob-brd-01 .title { width: 100%; font-size: 19px; color: #1d1d1d; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.com-mob-brd-01 .info-list { color: #555; font-size: 15px; display: flex; flex-wrap: wrap; align-items: center; gap: 3px 8px; font-weight: 400; }
.com-mob-brd-01 .info-list li:not(:last-of-type) { padding-right: 8px; position: relative; }
.com-mob-brd-01 .info-list li:not(:last-of-type)::after { content: ""; width: 1px; height: 11px; background-color: #d9d9d9; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }


.com-mob-brd-02 { }
.com-mob-brd-02 > ul { padding: 0 20px; }
.com-mob-brd-02 a { padding: 20px 0; display: flex; flex-direction: column; border-bottom: 1px solid #C6C6C6; gap: 5px; align-items: flex-start; }
.com-mob-brd-02 .tag { margin-bottom: 4px; }
.com-mob-brd-02 .title { font-size: 19px; color: #1d1d1d; font-weight: 800; }
.com-mob-brd-02 .info-list { display: flex; font-size: 15px; flex-wrap: wrap; align-items: center; gap: 3px 8px; }
.com-mob-brd-02 .info-list > div { display: flex; align-items: center; gap: 8px; padding-right: 8px; position: relative; }
.com-mob-brd-02 .info-list > div:not(:last-of-type)::before { content: ""; width: 1px; height: 11px; background-color: #d9d9d9; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.com-mob-brd-02 .info-list dt { color: #333; font-weight: 800; }
.com-mob-brd-02 .info-list dd { color: #555; font-weight: 400; }
.com-mob-brd-02 .info-list.type-02 { }
.com-mob-brd-02 .info-list.type-02 > div:not(:last-of-type)::before { height: 15px; }
.com-mob-brd-02 .info-list.type-02 .file-exist dt { display: none; }

.com-mob-brd-03 { }
.com-mob-brd-03 > ul { padding: 0 20px; }
/* .com-mob-brd-03 > ul > li:first-of-type { border-top: 1px solid #c6c6c6; } */
.com-mob-brd-03 > ul > li { padding-top: 18px; border-bottom: 1px solid #c6c6c6; }
.com-mob-brd-03 .img-box { /* max-width: 400px; */width: 100%; height: 266px; overflow: hidden; position: relative; margin: 0 auto; border-radius: 8px; border: 1px solid #ddd; }
.com-mob-brd-03 .img-box > img { width: 100%; height: 100%; object-fit: fill; }
.com-mob-brd-03 .img-box .no-img { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 17px; color: #fff; background-color: rgb(17,0,0,0.6); gap: 20px; position: absolute; top: 0; left: 0; z-index: 1; }
.com-mob-brd-03 .txt-box { display: flex; flex-direction: column; gap: 5px; padding: 24px 0; }
.com-mob-brd-03 .txt-box .tag { width: fit-content; margin-bottom: 2px; }
.com-mob-brd-03 .txt-box .title { font-size: 19px; font-weight: 800; color: #1d1d1d; }
.com-mob-brd-03 .txt-box .info-list { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 8px; font-size: 15px; }
.com-mob-brd-03 .txt-box .info-list > div { display: flex; align-items: center; gap: 8px; }
.com-mob-brd-03 .txt-box .info-list dt { color: #333; font-weight: 800; }
.com-mob-brd-03 .txt-box .info-list dd { color: #555; }
.com-mob-brd-03 .txt-box.type02 { padding-bottom: 16px; }
.com-mob-brd-03 .tag-list { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 16px; }
.com-mob-brd-03 .com-mob-tail-item-list { padding-bottom: 16px; }
.com-mob-brd-03 input { margin-bottom: 16px; }


.com-mob-brd-04 { }
.com-mob-brd-04 > ul { padding: 20px; }
.com-mob-brd-04 > ul > li { padding: 20px 0; display: flex; align-items: center; gap: 24px; border-bottom: 1px solid #C6C6C6; }
.com-mob-brd-04 a { width: 100%; display: flex; flex-direction: column; gap: 8px; overflow: hidden; }
.com-mob-brd-04 input { flex-shrink: 0; min-width: 20px; height: 20px; }
.com-mob-brd-04 .title-box { display: flex; gap: 10px; align-items: center; }
.com-mob-brd-04 .title-box.new::before { content: ""; flex-shrink: 0; width: 20px; height: 20px; background: url(/cloud/m/img/common/icon_new-1dccac05f5c47be5e5794c85eb6ced13.svg) no-repeat; }
.com-mob-brd-04 .title-box .title { font-size: 19px; font-weight: 800; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1d1d1d; }
.com-mob-brd-04 .title-box .tag { flex-shrink: 0; border-radius: 4px; padding: 1px 6px; font-size: 15px; }
.com-mob-brd-04 .title-box .tag.type-01 { color: #1D56BC; background-color: #EFF5FF; }
.com-mob-brd-04 .title-box .tag.type-02 { color: #2D2D2D; background-color: #fff; border: 1px solid #555555; }
.com-mob-brd-04 .ctt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.com-mob-brd-04 .info-list-01 { color: #246BEB; font-size: 15px; }
.com-mob-brd-04 .info-list-01 > div { display: flex; gap: 8px; }
.com-mob-brd-04 .info-list-01 dt { font-weight: 800; }
.com-mob-brd-04 .info-list-01 dd { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.com-mob-brd-04 .info-list-02 { font-size: 15px; display: flex; flex-wrap: wrap; gap: 3px 10px; }
.com-mob-brd-04 .info-list-02 > div { display: flex; gap: 8px; }
.com-mob-brd-04 .info-list-02 > div:not(:last-of-type) { padding-right: 10px; position: relative; }
.com-mob-brd-04 .info-list-02 > div:not(:last-of-type)::after { content: ""; width: 1px; height: 11px; background-color: #d9d9d9; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.com-mob-brd-04 .info-list-02 dt { color: #333; font-weight: 800; }
.com-mob-brd-04 .info-list-02 dd { color: #555; }
.com-mob-brd-04 .info-list-03 { font-size: 15px; color: #555; display: flex; gap: 3px 10px; flex-wrap: wrap; }
.com-mob-brd-04 .info-list-03 li:not(:last-of-type) { padding-right: 10px; position: relative; }
.com-mob-brd-04 .info-list-03 li:not(:last-of-type)::after { content: ""; width: 1px; height: 11px; background-color: #d9d9d9; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.com-mob-brd-04 .counsel-complete { flex-shrink: 0; width: 45px; height: 45px; border: 1px solid #ddd; border-radius: 50%; background-color: #fff; display: inline-flex; justify-content: center; align-items: center; text-align: center; color: #1B7EE0; font-size: 13px; font-weight: 800; line-height: 1.1; }
.com-mob-brd-04 .counsel-apply { flex-shrink: 0; width: 45px; height: 45px; border: 1px solid #ddd; border-radius: 50%; background-color: #fff; display: inline-flex; justify-content: center; align-items: center; text-align: center; color: rgb(231, 116, 33); font-size: 13px; font-weight: 800; line-height: 1.1; }
.com-mob-brd-04 .info-list { color: #555; font-size: 15px; display: flex; flex-wrap: wrap; align-items: center; gap: 3px 8px; font-weight: 400; }
.com-mob-brd-04 .info-list li:not(:last-of-type) { padding-right: 8px; position: relative; }
.com-mob-brd-04 .info-list li:not(:last-of-type)::after { content: ""; width: 1px; height: 11px; background-color: #d9d9d9; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.com-mob-brd-04 .info-list li { display: flex; align-items: center; gap: 4px; }
.com-mob-brd-04 .info-list .view::before { content: ""; flex-shrink: 0; width: 18px; height: 12px; background: url(/cloud/m/img/common/icon_mob_view-6f51d3e33776b0854499589f7b213496.svg) no-repeat; }
.com-mob-brd-04 .info-list .like::before { content: ""; flex-shrink: 0; width: 16px; height: 16px; background: url(/cloud/m/img/common/icon_heart_blank-2c96d9eed6fd4e5834e840185b76257a.svg) no-repeat; background-size: 16px; }
.com-mob-brd-04 .info-list .date::before { content: ""; flex-shrink: 0; width: 16px; height: 16px; background: url(/cloud/m/img/common/icon_mob_clock-3faba60bcdc5ff1a8643822c96ce6123.svg) no-repeat; background-size: 16px; }


.com-mob-brd-05 { }
.com-mob-brd-05 > ul { padding: 0 20px; }
.com-mob-brd-05 > ul > li { padding: 20px 0; border-bottom: 1px solid #C6C6C6; }
.com-mob-brd-05 a { width: 100%; display: flex; flex-direction: column; gap: 16px; }
.com-mob-brd-05 .title { font-size: 19px; font-weight: 800; color: #1d1d1d; }
.com-mob-brd-05 .title-02 { font-size: 19px; font-weight: 800; color: #1d1d1d; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.com-mob-brd-05 .tag { width: fit-content; }
.com-mob-brd-05 .ctt-box { display: flex; gap: 24px; align-items: center; }
.com-mob-brd-05 .img-box { flex-shrink: 0; width: 120px; height: 74px; border-radius: 5px; overflow: hidden; }
.com-mob-brd-05 .img-box img { width: 100%; height: 100%; object-fit: cover; }
.com-mob-brd-05 .txt-box { width: 100%; min-height: 74px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; }
.com-mob-brd-05 .info-list { display: flex; align-items: center; gap: 3px 16px; flex-wrap: wrap; font-size: 15px; color: #1d1d1d; }
.com-mob-brd-05 .info-list li { display: flex; align-items: center; gap: 8px; }
.com-mob-brd-05 .info-list .view::before { content: ""; flex-shrink: 0; width: 18px; height: 12px; background: url(/cloud/m/img/common/icon_mob_view-6f51d3e33776b0854499589f7b213496.svg) no-repeat; }
.com-mob-brd-05 .info-list .like::before { content: ""; flex-shrink: 0; width: 16px; height: 16px; background: url(/cloud/m/img/common/icon_heart_blank-2c96d9eed6fd4e5834e840185b76257a.svg) no-repeat; background-size: 16px; }
.com-mob-brd-05 .fake-detail { color: #1D1D1D; font-size: 17px; display: inline-flex; align-items: center; gap: 8px; }
.com-mob-brd-05 .fake-detail::after { content: ""; width: 17px; height: 8px; background: url(/cloud/m/img/common/icon_right_arrow-e7f04e73aac8eb6a1b31c754fe2873ef.svg) no-repeat; }
.com-mob-brd-05 .ctt-01 { color: #555; font-size: 17px; word-break: break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.com-mob-brd-05 .vid-cnt-box { font-size: 15px; color: #1D1D1D; }
.com-mob-brd-05 .vid-cnt-box .num { color: #4A72FF; font-weight: 600; }


.com-mob-brd-06 { }
.com-mob-brd-06 > ul { padding: 0 20px; }
.com-mob-brd-06 > ul > li { padding: 20px 0; }
.com-mob-brd-06 a { display: flex; align-items: flex-start; gap: 16px; }
.com-mob-brd-06 .tag { width: fit-content; }
.com-mob-brd-06 .img-box { flex-shrink: 0; width: 113px; height: 84px; overflow: hidden; border-radius: 5px; position: relative }
.com-mob-brd-06 .img-box img { width: 100%; height: 100%; object-fit: cover; }
.com-mob-brd-06 .img-box span.date { position: absolute; bottom: 0; right:0; background-color: rgba(0,0,0,.8); color: #fff; font-size: 13px; padding: 2px 6px; border-radius: 5px 0 5px 0; }
.com-mob-brd-06 .txt-box { width: 100%; overflow: hidden; display: flex; flex-direction: column; gap: 4px; }
.com-mob-brd-06 .title { font-size: 19px; color: #1d1d1d; font-weight: 800; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.com-mob-brd-06 .ctt { color: #555; font-size: 17px; }
.com-mob-brd-06 .ctt.type-01 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #333; }
.com-mob-brd-06 .ctt.type-02 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.com-mob-brd-06 .info-list-01 { font-size: 15px; display: flex; flex-wrap: wrap; gap: 3px 10px; margin-top: 8px; }
.com-mob-brd-06 .info-list-01 > div { display: flex; gap: 8px; }
.com-mob-brd-06 .info-list-01 > div:not(:last-of-type) { padding-right: 10px; position: relative; }
.com-mob-brd-06 .info-list-01 > div:not(:last-of-type)::after { content: ""; width: 1px; height: 11px; background-color: #d9d9d9; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.com-mob-brd-06 .info-list-01 dt { color: #333; font-weight: 800; }
.com-mob-brd-06 .info-list-01 dd { color: #555; }
.com-mob-brd-06 .info-list { color: #555; font-size: 15px; display: flex; flex-wrap: wrap; align-items: center; gap: 3px 8px; font-weight: 400; }
.com-mob-brd-06 .info-list li:not(:last-of-type) { padding-right: 8px; position: relative; }
.com-mob-brd-06 .info-list li:not(:last-of-type)::after { content: ""; width: 1px; height: 11px; background-color: #d9d9d9; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.com-mob-brd-06.type-check > ul > li { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 10px; }
.com-mob-brd-06.type-check a { width: calc(100% - 23px); }

.com-mob-brd-07 > ul { padding: 15px 20px; }
.com-mob-brd-07 > ul > li { padding: 8px 0; }
.com-conts-area .com-mob-brd-07 > ul {padding-top: 0; padding-bottom:0;}
.com-conts-area >  div > .com-conts-title.sm {margin-top:20px;  margin-bottom:10px;}
.com-conts-area >  div:first-of-type > .com-conts-title.sm {margin-top:0px;}
.com-mob-brd-07 .com-mob-brd-wrap {display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}
.com-mob-brd-07 .com-mob-brd-wrap > li {width:calc(100% - 0px); padding:0;}
.com-mob-brd-07 .com-mob-brd-wrap > li .file-link .title {max-width:calc(100% - 0px);}
.com-mob-brd-07 .com-mob-brd-wrap > li .file-link p:not(.title) {font-size:0;}

.com-mob-brd-intro-01 { padding: 24px 20px; background-color: #E8EFFF; border: 1px solid #c6c6c6; display: flex; flex-direction: column; gap: 24px; }
.com-mob-brd-intro-01 > .inner { background-color: #fff; padding: 24px 16px; }
.com-mob-brd-intro-01 .intro-hd { display: flex; gap: 24px; }
.com-mob-brd-intro-01 .intro-hd .img-box { flex-shrink: 0; width: 120px; height: 74px; overflow: hidden; border-radius: 5px; }
.com-mob-brd-intro-01 .intro-hd .img-box img { width: 100%; height: 100%; object-fit: cover; }
.com-mob-brd-intro-01 .intro-hd .txt-box { width: 100%; min-height: 74px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; }
.com-mob-brd-intro-01 .intro-hd .txt-box .title { color: #1d1d1d; font-weight: 800; font-size: 19px; }
.com-mob-brd-intro-01 .intro-hd .txt-box .cnt-box { font-size: 15px; color: #1d1d1d; }
.com-mob-brd-intro-01 .intro-hd .txt-box .cnt-box .num { color: #1D56BC; }
.com-mob-brd-intro-01 .intro-ctt { font-size: 15px; color: #555; margin-top: 24px; }
.com-mob-brd-intro-01 > button { width: 100%; }

.com-mob-noResult-01 { min-height: 268px; padding: 20px; display: flex; flex-direction: column; gap: 16px; justify-content: center; align-items: center; text-align: center; }
.com-mob-noResult-01 .no-result-img { }
.com-mob-noResult-01 .main-txt { color: #2c2c2c; font-size: 20px; }
.com-mob-noResult-01 .main-txt span { color: #246BEB; }
.com-mob-noResult-01 .sub-txt { font-size: 14px; color: #7081A0; }
.com-mob-noResult-01 .btn-brd-list { width: 100%; max-width: 420px; margin-top: 36px; }

/* 자주 쓰는 버튼 모음 */
.com-mob-btn-01 { width: 100%; max-width: 420px; min-height: 64px; padding: 10px; font-size: 19px; display: flex; justify-content: center; align-items: center; text-align: center; gap: 10px; border-radius: 8px; margin: 0 auto; }
.com-mob-btn-01.primary { color: #fff; background-color: #246BEB; }
.com-mob-btn-01.secondary { background-color: #EFF5FF; color: #1D56BC; border: 1px solid #246BEB; }
.com-mob-btn-01.third { border: 1px solid #1D1D1D; background-color: #fff; }
.com-mob-btn-01.third::after { content: ""; flex-shrink: 0; width: 16px; height: 16px; background: url(/cloud/m/img/common/mob_icon_plus-70eb5ae10dd625d87ac3abaf507bf7b0.svg) no-repeat; background-size: 16px; margin-bottom: 3px; }

.com-mob-btn-02 { width: 100%; min-height: 50px; padding: 10px; background-color: #fff; font-size: 14px; color: #1d1d1d; display: flex; justify-content: center; align-items: center; text-align: center; gap: 6px; font-weight: 600; border: 1px solid #D9D9D9; border-radius: 25px; margin: 0 auto; }
.com-mob-btn-02::before { content: ""; flex-shrink: 0; }
.com-mob-btn-02.setting::before { width: 16px; height: 16px; background: url(/cloud/m/img/common/mob_icon_setting-14f2cba9b6feddf7696b5a1568a1b0bb.svg) no-repeat; margin-bottom: 1px; }
.com-mob-btn-02.like::before { width: 18px; height: 16px; background: url(/cloud/m/img/common/icon_heart_blank-2c96d9eed6fd4e5834e840185b76257a.svg) no-repeat; }
.com-mob-btn-02.like.active { border-color: #FF0000; }
.com-mob-btn-02.like.active::before { background: url(/cloud/m/img/common/icon_heart_no_fill-0a731185671f1988995c9a36c9525424.svg) no-repeat; }

.com-mob-btn-list-01 { display: flex; padding: 16px 24px; gap: 8px; background-color: #EFF5FF; }
.com-mob-btn-list-01 > li { width: 100%; }

/* 해시태그 */
.com-mob-hashtag { min-height: 32px; padding: 5px 10px; font-size: 15px; color: #1d1d1d; border-radius: 25px; display: inline-flex; justify-content: center; align-items: center; text-align: center; border: 1px solid #C6C6C6; }
.com-mob-hashtag-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 20px; }

/* SNS 리스트 */
.com-mob-sns-list { padding: 24px 20px; background-color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px 16px; }
.com-mob-sns-list a { display: block; }
.com-mob-sns-list a::before { content: ""; width: 46px; height: 46px; display: block; }
.com-mob-sns-list a.btn-facebook::before { background: url(/cloud/m/img/common/icon_mob_facebook-75ed7cb27cb3706e69c8c4c40080142e.png) no-repeat; }
.com-mob-sns-list a.btn-x::before { background: url(/cloud/m/img/common/icon_mob_x-1727288768832660e102e0c43fb0e3df.png) no-repeat; }
.com-mob-sns-list a.btn-link-copy::before { background: url(/cloud/m/img/common/icon_mob_link_copy-3144be919efe16b88b364b85bdb719e2.png) no-repeat; }
.com-mob-sns-list a.btn-classting::before { background: url(/cloud/m/img/common/icon_mob_classting-488c21ebe074fd76d3a4a8870609e67f.png) no-repeat; }


/* 상단 메뉴 설명 영역 */
.com-mob-intro-01 { padding: 24px 20px; background-color: #eee; border: 1px solid #d9d9d9; }
.com-mob-intro-01 > .inner { background-color: #fff; padding: 16px; display: flex; gap: 16px; border: 1px solid #ddd; }
.com-mob-intro-01 > .inner::before { content: ""; flex-shrink: 0; width: 29px; height: 30px; background: url(/cloud/m/img/common/icon_speaker-73607bb1bd621d81dec58089747bd489.svg) no-repeat; }
.com-mob-intro-01 .txt { min-height: 30px; color: #555; font-size: 15px; display: flex; flex-direction: column; justify-content: center; }
.com-mob-intro-01 > .inner.type-02 { align-items: flex-start; gap: 32px; }
.com-mob-intro-01 > .inner .list_info li { list-style: disc; list-style-position: inside; text-indent: -18px; font-size: var(--body-s-400); color: #555; }
.com-mob-intro-01 > .inner .list_info li::marker { font-size: 12px; color: #555; }
.com-mob-intro-01 > .inner .list_info li a.link_use { font-weight: 600; color: #ff0000; text-decoration: underline; text-underline-offset: 2px; }

.com-mob-intro-02 { font-size: 15px; color: #555; background-color: #f9f9f9; border: 1px solid #ddd; padding: 16px; }

.com-mob-intro-03 { width: 100%; padding: 20px 24px; border-bottom: 1px solid #246BEB; background-color: #fff; color: #444; font-size: 15px; display: flex; gap: 10px; text-align: left; }
.com-mob-intro-03::before { content: ""; flex-shrink: 0; width: 35px; height: 35px; background: url(/cloud/m/img/common/icon_mike-b0bf96e9fa8a03e174335aa790232d43.svg) no-repeat; margin-top: 4px; }
.com-mob-intro-03 p { width: 100%; min-height: 39px; display: flex; flex-direction: column; justify-content: center; }
.com-mob-intro-03.toggle p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: unset; }
.com-mob-intro-03.toggle::after { content: ""; flex-shrink: 0; width: 12px; height: 9px; flex-shrink: 0; background: url(/cloud/m/img/common/icon_angle_down_02-0213b2cf8f925283505fb8cacfded4fa.svg) no-repeat; align-self: center; }
.com-mob-intro-03.toggle.active p { display: block; }
.com-mob-intro-03.toggle.active::after { content: ""; flex-shrink: 0; width: 12px; height: 9px; flex-shrink: 0; background: url(/cloud/m/img/common/icon_angle_up_02-c338e1c41ba09c3431d84cec6998dade.svg) no-repeat; align-self: center; }
.com-mob-intro-03.toggle {display:none;}

/* 통합검색 공통 */
.com-mob-gs-reulst-01 { padding: 0 20px; }
.com-mob-gs-reulst-01 > li { width: 100%; }
.com-mob-gs-reulst-01 a { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; border-bottom: 1px solid #C6C6C6; padding: 24px 0; }
.com-mob-gs-reulst-01 .title { color: #1D1D1D; font-size: 19px; font-weight: 800; }
.com-mob-gs-reulst-01 .breadcrumb { font-size: 17px; color: #555; display: flex; align-items: center; flex-wrap: wrap; gap: 3px 8px; }
.com-mob-gs-reulst-01 .breadcrumb li { display: flex; align-items: center; gap: 8px; text-decoration: underline; text-underline-position: under; }
.com-mob-gs-reulst-01 .breadcrumb li:not(:last-of-type)::after { content: ""; width: 6px; height: 9px; background: url(/cloud/m/img/common/icon_angle_right-2f50dd3310ba997104c1bbf24ffcfce0.svg) no-repeat; }
.com-mob-gs-reulst-01 .srched-word {/*background-color: #d3e1fb !important; color: #1D56BC !important; font-weight: 800 !important; */}
.com-mob-gs-reulst-01 .ctt { font-size: 17px; color: #555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all;}
.com-mob-gs-reulst-01 .info-list { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 16px; }
.com-mob-gs-reulst-01 .info-list .tag { }
.com-mob-gs-reulst-01 .info-list .date { font-size: 17px; color: #555; }
.com-mob-gs-reulst-01 .img-txt-wrap { display: flex; align-items: center; gap: 24px; }
.com-mob-gs-reulst-01 .img-txt-wrap .img-box { flex-shrink: 0; width: 120px; height: 74px; overflow: hidden; border-radius: 8px; border: 1px solid #ddd; }
.com-mob-gs-reulst-01 .img-txt-wrap .img-box.no-img { border: none; }
.com-mob-gs-reulst-01 .img-txt-wrap .img-box img { width: 100%; height: 100%; object-fit: fill; }
.com-mob-gs-reulst-01 .img-txt-wrap .txt-box { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #555; font-size: 17px; }

.com-mob-gs-selbox { width: 100%; padding: 20px; background-color: #fff; }
.com-mob-gs-selbox select { appearance: none; width: 100%; height: 48px; border-radius: 8px; color: #fff; padding-left: 12px; padding-right: 44px; background: #003675 url(/cloud/m/img/common/icon_mob_angle_down_white-25b904ba565c07577be72405e40bd154.svg) no-repeat center right 12px; }
.com-mob-gs-selbox select option { background-color: #fff; color: #1d1d1d; }

.com-mob-gs-hd { display: flex; align-items: center; gap: 20px; justify-content: space-between; padding: 20px; }
.com-mob-gs-hd .title { font-size: 21px; font-weight: 800; color: #1d1d1d; }
.com-mob-gs-hd .title .num { padding-left: 6px; color: #18A0FB; }
.com-mob-gs-hd .btn-more { flex-shrink: 0; font-size: 15px; color: #000B17; border: 1px solid #1d1d1d; display: inline-flex; justify-content: center; align-items: center; padding: 4px 8px; border-radius: 6px; background-color: #fff; gap: 8px; }
.com-mob-gs-hd .btn-more::after { content: ""; width: 12px; height: 12px; background: url(/cloud/m/img/common/mob_icon_plus-70eb5ae10dd625d87ac3abaf507bf7b0.svg) no-repeat; margin-bottom: 2px; }

.com-mob-popular-tag { padding-bottom: 10px; background-color: #F9F9F9; border-bottom: 1px solid #eee; }
.com-mob-popular-tag > .inner { padding: 24px 20px 8px; background-color: #fff; border-bottom: 1px solid #eee; }
.com-mob-popular-tag .title { font-size: 17px; color: #000; font-weight: 800; }
.com-mob-popular-tag .list { color: #1d1d1d; font-size: 15px; display: flex; align-items: center; overflow: auto; gap: 8px; padding: 16px 0; }
.com-mob-popular-tag .list > li { flex-shrink: 0; }
.com-mob-popular-tag .list a { display: block; padding: 5px 10px; background-color: #fff; border: 1px solid #C6C6C6; border-radius: 25px; }

.com-mob-gs-result-txt { padding: 20px; font-size: 21px; color: #1D1D1D; font-weight: 800; }
.com-mob-gs-result-txt span { color: #18A0FB; }



/* 공통 - 관심등록 / 추천수 / 조회수 / 공유하기 */
.com-mob-util-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 15px; margin-top:36px; padding: 0 20px; }
.com-mob-util-list li button { display: flex; align-items: center; gap:6px; font-weight: 500; font-size: var(--body-s-400); }
.com-mob-util-list li select { font-size: var(--link-s-400) !important; }
.com-mob-util-list li button.btn-interest::before { content: ''; display: block; width: 16px; height: 17px; background: url(/cloud/m/img/common/icon_interest-1d1d48cd26ba0dc6f9014325586b7833.svg) no-repeat center; }
.com-mob-util-list li button.btn-interest.checked::before { background: url(/cloud/m/img/common/icon_scrap_active-38f74740a236534de5982ddedf6e07cb.svg) no-repeat center; }
.com-mob-util-list li button.btn-recommand::before { content: ''; display: block; width: 16px; height: 17px; background: url(/cloud/m/img/common/icon_heart_blank-2c96d9eed6fd4e5834e840185b76257a.svg) no-repeat center; }
.com-mob-util-list li button.btn-recommand.checked::before { background: url(/cloud/m/img/common/icon_heart_red_fill-8c337ca66d41ebff9213fede4af8e907.svg) no-repeat center; }
.com-mob-util-list li .btn-visibility { display: flex; align-items: center; gap: 4px; font-weight: 500; font-size: var(--body-s-400); }
.com-mob-util-list li .btn-visibility::before { content: ''; display: block; width: 16px; height: 17px; background: url(/cloud/m/img/common/icon_visibility-744252b4e10f1a71ab4cf434fa102368.svg) no-repeat center; }
.com-mob-util-list li .select-share::before { content: ''; display: block; width: 16px; height: 17px; background: url(/cloud/m/img/common/icon_share-677a75f912c22076501c5cf3c16bed67.svg) no-repeat center; }
.com-mob-util-list + .ji-crpath-wrap { margin-top: 16px; }


/* 모바일 공통 상세검색 내용 설명 및 검색 버튼 */
.com-mob-exp-srch { border-top: 1px solid var(--career--gray-40); padding:24px 20px; }

/* 모바일 공통 설명 박스 */
.com-mob-exp-box { display: none; }
.com-mob-exp-box.active { display: block; margin-bottom: 20px; }
.com-mob-exp-box .tit { font-size: 16px; font-weight: 600; }
.com-mob-exp-box .tit::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #246BEB; display: inline-block; vertical-align: middle; margin-right: 10px; }
.com-mob-exp-box .exp { font-size: 15px; color: #555; padding-top: 14px; }

/* 모바일 공통 검색 버튼 박스 */
.com-mob-exp-srch .com-mob-srchBtn-box { display: flex; align-items: center; gap: 8px; /* padding-top: 16px; */ border-top: none; }
.com-mob-srchBtn-box { display: flex; align-items: center; gap: 8px; /* padding-top: 16px; */ border-top: 1PX solid #ddd; }
.com-mob-srchBtn-box button { width: 50%; }

/* 공통 조회수, 좋아요 */
.com-mob-tail-item-list { display: flex; align-items: center; gap: 12px; }
.com-mob-tail-item-list li { display: flex; align-items: center; gap: 8px; font-size: var(--body-s-400); }
.com-mob-tail-item-list .view::before { content: ""; flex-shrink: 0; width: 18px; height: 12px; background: url(/cloud/m/img/common/icon_mob_view-6f51d3e33776b0854499589f7b213496.svg) no-repeat; }
.com-mob-tail-item-list .like::before { content: ""; flex-shrink: 0; width: 16px; height: 16px; background: url(/cloud/m/img/common/icon_heart_blank-2c96d9eed6fd4e5834e840185b76257a.svg) no-repeat center; background-size: 15px; }
.com-mob-tail-item-list .date::before { content: ""; flex-shrink: 0; width: 16px; height: 16px; background: url(/cloud/m/img/common/icon_mob_clock-3faba60bcdc5ff1a8643822c96ce6123.svg) no-repeat center; background-size: 15px; }
.com-mob-tail-item-list .file::before { content: ""; flex-shrink: 0; width: 16px; height: 16px; background: url(/cloud/m/img/common/icon_download_03-b073b820c90a93b66ffb3d210396116f.svg) no-repeat center; background-size: 15px; }
.com-mob-tail-item-list.ml-auto { margin-left: auto; }

.com-mob-info-box { display: flex; justify-content: space-between; align-items: center; }

.com-mob-info-box input { flex-shrink: 0; min-width: 20px; height: 20px; }



/************************* 통합검색 **************************/
.gb-box-01 { margin-bottom: 30px; }
.gb-box-02 { padding: 24px 20px; }

.gb-tab-01 { display: flex; align-items: center; padding: 20px; padding-top: 0; gap: 16px; border-bottom: 1px solid #C6C6C6; }
.gb-tab-01 .btn-move { flex-shrink: 0; width: 32px; height: 32px; background-color: #fff; border: 1px solid #c6c6c6; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; }
.gb-tab-01 .btn-left-move::before { content: ""; width: 21px; height: 20px; background: url(/cloud/m/img/common/icon_arrow_left-5a6def71675f1d976db559807c087229.svg) no-repeat; }
.gb-tab-01 .btn-right-move::before { content: ""; width: 21px; height: 20px; background: url(/cloud/m/img/common/icon_arrow_right-37a2925a4552d8a701891e9eb8151e38.svg) no-repeat; }
.gb-tab-01 .list { width: 100%; display: flex; align-items: center; overflow: auto; gap: 16px; font-size: 19px; color: #555; font-weight: 800; padding: 10px 0; scroll-behavior: smooth; }
.gb-tab-01 .list > li { flex-shrink: 0; }
.gb-tab-01 .list button { display: inline-flex; justify-content: center; align-items: center; height: 40px; position: relative; padding: 0 4px; }
.gb-tab-01 .list button.active { color: #003675; }
.gb-tab-01 .list button.active::before { content: ""; width: 100%; height: 4px; background-color: #003675; position: absolute; bottom: 0; left: 0; }






/************************* 진로심리검사 **************************/

/* 공통, cpt- */
.cpt-test { }


/* 갭 */
.cpt-gap-10 { display: block; width: 100%; height: 10px; }
.cpt-gap-20 { display: block; width: 100%; height: 20px; }
.cpt-gap-25 { display: block; width: 100%; height: 25px; }
.cpt-gap-30 { display: block; width: 100%; height: 30px; }
.cpt-gap-35 { display: block; width: 100%; height: 35px; }
.cpt-gap-40 { display: block; width: 100%; height: 40px; }
.cpt-gap-45 { display: block; width: 100%; height: 45px; }
.cpt-gap-50 { display: block; width: 100%; height: 50px; }
.cpt-gap-55 { display: block; width: 100%; height: 55px; }
.cpt-gap-60 { display: block; width: 100%; height: 60px; }
.cpt-gap-65 { display: block; width: 100%; height: 65px; }
.cpt-gap-70 { display: block; width: 100%; height: 70px; }
.cpt-gap-75 { display: block; width: 100%; height: 75px; }
.cpt-gap-80 { display: block; width: 100%; height: 80px; }
.cpt-gap-90 { display: block; width: 100%; height: 90px; }
.cpt-gap-100 { display: block; width: 100%; height: 100px; }


/* 넓이값 */
.cpt-w100 { width: 100%; }


/* 패딩 값 넣기 */
.cpt-test-pd-wrap { padding: 20px 20px; }


/* 플렉스 */
.cpt-mg-l-auto { margin-left: auto; }

.cpt-flex-box { display: flex; gap: 5px; }
.cpt-flex-box > div { flex: 1; }
.cpt-flex-box .w100 { width: 100%; }

.cpt-flex2-box { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.cpt-flex2-box.end { align-items: flex-end; }
.cpt-flex2-box .lb { margin-right: auto; }
.cpt-flex2-box .rb { margin-left: auto; }

.cpt-test-flex-box { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.cpt-test-flex-box.end { align-items: flex-end; }
.cpt-test-flex-box .lb { margin-right: auto; }
.cpt-test-flex-box .rb { margin-left: auto; }


/* 모바일 */
.com-tab.type-01.cpt-mobile button { font-size: 17px; }

.com-table.cpt-mobile thead th { font-size: 15px; }
.com-table.cpt-mobile tbody th,
.com-table.cpt-mobile tbody td { font-size: 15px; }

.com-btn.cpt-primary-c { color: #246BEB; }
.com-btn.cpt-primary-c img { margin-left: 5px; }


/* cpt 공통 */
.cpt-tit-h2 { font-size: 28px; font-weight: 700; color: #1d1d1d; }

.cpt-tit-big { font-size: 22px; font-weight: 700; color: #2d2d2d; }
.cpt-tit-big b { color: #246BEB; }
.cpt-tit-normal { font-size: 17px; font-weight: 700; color: #2d2d2d; }
.cpt-tit-normal b { color: #246BEB; }

.cpt-test-sub-text { font-size: 16px; color: #444; line-height: 1.5; }
.cpt-test-sub-text b { color: #246BEB; }





/* 첫 페이지 */
.cpt-test-result-top-profile { border-bottom: 1px solid #D9D9D9; padding: 0 0 20px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 40px; gap: 10px; }
.cpt-test-result-top-profile .left-box { flex: 1; display: flex; align-items: center; }
.cpt-test-result-top-profile .pic-b { flex-shrink: 0; width: 84px; height: 84px; overflow: hidden; margin-right: 10px; background-color: #fafafa; border-radius: 50%; }
.cpt-test-result-top-profile .pic-b img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.cpt-test-result-top-profile .text-b { flex: 1; min-width: 0; }
.cpt-test-result-top-profile .name { font-size: 15px; color: #444; }
.cpt-test-result-top-profile .name b { font-size: 18px; font-weight: 500; color: #1D56BC; margin-right: 5px; word-break: break-all;}
.cpt-test-result-top-profile .id-name { font-size: 15px; }
.cpt-test-result-top-profile .sub { font-size: 14px; color: #666; margin-top: 2px; }
.cpt-test-result-top-profile .date { font-size: 15px; letter-spacing: 0; color: #444; }
.cpt-test-result-top-profile .right-box { margin-left: auto; }


.cpt-test-save-wrap { margin-bottom: 40px; }
.cpt-test-save-wrap .cpt-tit-normal { margin-bottom: 15px; }
.cpt-test-save-wrap .save-box { border-radius: 12px; border: 1px solid #246BEB; padding: 25px 20px; }
.cpt-test-save-wrap .save-box .tit-b { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin:23px 0 7px; }
.cpt-test-save-wrap .save-box .tit-b:first-of-type { margin-top: 0; }
.cpt-test-save-wrap .save-box .tit-b .com-btn { margin-left: auto; color:#444; font-size: 14px; padding: 0 20px 0 0; margin-top: 0; margin-bottom: 0; background: url(/cloud/m/img/common/icon_arrow_right_black-a3db5e1b681d353e65e16231ebf22d67.svg) center right no-repeat; }
.cpt-test-save-wrap .save-box .tit-b .sbj { font-size: 17px; font-weight: 600; }
.cpt-test-save-wrap .save-box .tit-b .sbj b { color: #246BEB; margin-left: 5px; font-size: 20px; }
.cpt-test-save-wrap .save-box .progress-bar { width: 100%; height: 20px; overflow: hidden; border-radius: 20px; border: 1px solid #d9d9d9; }
.cpt-test-save-wrap .save-box .progress-bar .bar { display: block; height: 100%; background-color: #246BEB; border-radius: 20px; }
.cpt-test-save-wrap .save-box .default-b { text-align: center; }
.cpt-test-save-wrap .save-box .default-b img { display: inline-block; margin-bottom: 5px; }
.cpt-test-save-wrap .save-box .default-b p { font-size: 15px; color: #666; }

.cpt-test-save-wrap .save-box .psychometry_play_bar2 + .psychometry_play_bar2{margin-top: 15px;}


.cpt-test-type-list { margin: 30px 0; }
.cpt-test-type-list > li { margin-top: 20px; border: 1px solid #D9D9D9; border-radius: 10px; overflow: clip; }
.cpt-test-type-list > li:first-child { margin-top: 0; }

.cpt-test-type-list > li .top-b { background-color: #F9FBFF; border-bottom: 1px solid #d9d9d9; padding: 15px 18px; display: flex; flex-wrap: wrap; gap: 5px 4px; align-items: center; }
.cpt-test-type-list > li .top-b .name { font-size: 18px; font-weight: 600; color: #1d1d1d; }
.cpt-test-type-list > li .top-b .a-qna { display: inline-block; width: 20px; height: 20px; background: url('/cloud/m/img/common/icon_question_mark-e6e7d683afe8cf439793c00d61410ba2.svg') no-repeat center center / 100%; vertical-align: middle; }
.cpt-test-type-list > li .top-b .tag-new { padding: 2px 8px; background-color: #E71825; color: white; border-radius: 20px; font-size: 12px; font-weight: 500; letter-spacing: 0; }
.cpt-test-type-list > li .top-b .com-btn.primary { margin-left: auto; }

.cpt-test-type-list > li .cont-b { padding: 20px; }
.cpt-test-type-list > li .cont-b .desc { font-size: 15px; color: #555; margin-bottom: 15px; }

.cpt-test-type-list > li .cont-b .ex-txt { margin-bottom: 4px; display: flex; flex-wrap: wrap; gap: 5px 12px; font-size: 14px; color: #555; align-items: center; }
.cpt-test-type-list > li .cont-b .ex-txt span { color: inherit; }
.cpt-test-type-list > li .cont-b .ex-txt b { font-weight: 500; color: #222; min-width: 60px; }
.cpt-test-type-list > li .cont-b .ex-txt .ic { background-image: url('/cloud/m/img/common/ic_cpt_time_sm-5e20a490aa5ab7a71d50e6ada806f1c0.svg'); background-repeat: no-repeat; background-position: left center; padding-left: 25px; min-height: 16px; align-items: center; }
.cpt-test-type-list > li .cont-b .ex-txt:last-of-type { margin-bottom: 0; }
.cpt-test-type-list > li .cont-b .btn-box { margin-bottom: 10px; }
.cpt-test-type-list > li .cont-b .btn-box button + button {margin-left: 5px;}


/* 검사 정보 입력 */
.cpt-test-person-box { margin: 15px 0; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding: 5px; border-radius: 30px; border: 1px solid #d9d9d9; }
.cpt-test-person-box .icon-b { flex-shrink: 0; margin-right: 3px; }
.cpt-test-person-box .cate { font-size: 13px; font-weight: 500; color: #444; }
.cpt-test-person-box .text { font-size: 13px; color: #666; flex: 1; min-width: 0; }

.cpt-test-first-explain-blue { border-radius: 10px; background-color: #eff5ff; padding: 25px 20px; text-align: center; margin-bottom: 18px; }
.cpt-test-first-explain-blue .bold { font-size: 16px; font-weight: 600; color: #1d56bc; margin-bottom: 3px; }
.cpt-test-first-explain-blue .sub { font-size: 14px; font-weight: 500; color: #444; }

.cpt-test-first-name-box { border-radius: 8px; border: 1px solid #c6c6c6; background-color: #eef5ff; padding: 10px; text-align: center; margin-bottom: 18px; }
.cpt-test-first-name-box p { font-size: 18px; font-weight: 600; color: #246BEB; }

.cpt-text-first-form-box { margin-bottom: 20px; }
.cpt-text-first-form-box .f-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.cpt-text-first-form-box .f-row:last-of-type { margin-bottom: 0; }
.cpt-text-first-form-box .f-row .cpt-radio-chk { flex: 1; min-width: 0; }
.cpt-text-first-form-box .f-row .cpt-radio-chk label { height: 56px; font-size: 16px; }
.cpt-text-first-form-box .f-row .com-text-input,
.cpt-text-first-form-box .f-row .com-select-box { flex: 1; min-width: 0; }
.cpt-text-first-form-box .f-row .com-text-input input,
.cpt-text-first-form-box .f-row .com-select-box select { width: 100%; }
.cpt-text-first-form-box .f-row .notice { color: var(--career--point); }

/* 학교 검색 팝업 */
.cpt-pop-up-search { position: fixed; left: 0; top: 0; background-color: white; z-index: 100; width: 100%; height: 100%; overflow: auto; display: none; }
.cpt-pop-up-search.active { display: block; }
.cpt-pop-up-search .hd-box { position: sticky; top: 0; left: 0; background-color: white; display: flex; align-items: center; padding: 10px 20px; height: 60px; }
.cpt-pop-up-search .hd-box .b-close { margin-left: auto; width: 30px; height: 30px; background-image: url('/cloud/m/img/common/icon_x-ec90f1dc336af2fb460d5bee2fc6022a.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20px; }
.cpt-pop-up-search .hd-box h3 { font-size: 20px; font-weight: 700; color: #1d1d1d; }
.cpt-pop-up-search .contents-box { padding: 20px 0; }

.cpt-pop-up-search .search-box-in { padding: 0 20px 30px; border-bottom: 1px solid #d9d9d9; }
.cpt-pop-up-search .search-box-in .row { margin-top: 30px; }
.cpt-pop-up-search .search-box-in .row:first-of-type { margin-top: 0; }
.cpt-pop-up-search .search-box-in .row .cpt-tit-normal { margin-bottom: 10px; }
.cpt-pop-up-search .search-box-in .row .com-select-box,
.cpt-pop-up-search .search-box-in .row .com-text-input,
.cpt-pop-up-search .search-box-in .row .com-select-box select,
.cpt-pop-up-search .search-box-in .row .com-text-input input,
.cpt-pop-up-search .search-box-in .row .com-btn { width: 100%; }

.cpt-pop-up-search .result-box-in { padding: 30px 20px 0; }
.cpt-pop-up-search .result-box-in .com-btn { margin-top: 30px; }
.cpt-pop-up-search .result-box-in .b-refresh { font-size: 16px; }
.cpt-pop-up-search .result-box-in .b-refresh img { display: inline-block; vertical-align: middle; }
.cpt-pop-up-search .result-box-in .count-num { font-size: 17px; }
.cpt-pop-up-search .result-box-in .count-num b { color: #246BEB; }



/* 적성검사 실시 */
/* 체크 라디오버튼 */
.cpt-radio-chk { text-align: center; }
.cpt-radio-chk:focus-within label { outline: 2px solid var(--career--secondary-50); }
.cpt-radio-chk label { width: 100%; height: 100%; background-color: #fff; display: inline-flex; justify-content: center; align-items: center; gap: 4px; line-height: 1.2; }
.cpt-radio-chk input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.cpt-radio-chk.type-01 label { background-color: var(--career--primary-5); border: 1px solid var(--career--primary-50); color: var(--career--primary-60); min-height: 56px; padding: 10px 20px; font-size: 19px; border-radius: 8px; }
.cpt-radio-chk.type-01 label:hover { background-color: var(--career--primary-10); color: var(--career--primary-60); }
.cpt-radio-chk.type-01 input:checked + label { background-color: var(--career--primary-50); color: #fff; }
/* .cpt-radio-chk.type-01:focus-within label { outline: 2px dotted var(--career--point); outline-offset: 2px; } */
.cpt-radio-chk.type-02 label { min-height: 70px; padding: 10px; color: #1D1D1D; font-size: 17px; border: 1px solid #C6C6C6; border-radius: 8px; font-weight: 500; }
.cpt-radio-chk.type-02 label:hover { background-color: #f4f5f6; }
.cpt-radio-chk.type-02 input:checked + label { background-color: var(--career--primary-50); color: #fff; }
/* .cpt-radio-chk.type-02:focus-within label { outline: 2px dotted var(--career--point); outline-offset: 2px; } */
.cpt-radio-chk.type-02.sm label { min-height: 44px; }
.cpt-radio-chk.type-02.with-img-01 label { font-size: 15px; min-height: 40px; }
.cpt-radio-chk.type-02.with-img-01 label::before { content: ""; width: 14px; height: 13px; background: url("/cloud/m/img/common/icon_check_black-3cfa93a132aebc49c0fd72a99e1eff21.svg") no-repeat; }
.cpt-radio-chk.type-02.with-img-01 input:not(:checked) + label:hover { background-color: #f4f5f6; }
.cpt-radio-chk.type-02.with-img-01 input:checked + label::before { background-image: url("/cloud/m/img/common/icon_check_white-5797a72349ab605b54daad16e0748a42.svg"); background-size: 13px 14px; }
.cpt-radio-chk.type-02.with-img-02 label { font-size: 15px; min-height: 40px; }
.cpt-radio-chk.type-02.with-img-02 input:not(:checked) + label:hover { background-color: #f4f5f6; }
.cpt-radio-chk.type-02.with-img-02 input:checked + label { border-color: #246BEB; color: #1D56BC; background-color: #EFF5FF; font-size: 15px; }
.cpt-radio-chk.type-02.with-img-02 input:checked + label::before { content: ""; width: 12px; height: 12px; background-image: url("/cloud/m/img/common/icon_check-e78a12a15b55b8114c8d0bea961ce64e.svg"); min-width: 0; flex-shrink: 0; background-size: 100%; }
.cpt-radio-chk.type-03 { width: fit-content; margin: 0 auto; }
.cpt-radio-chk.type-03 label { min-width: 46px; font-size: 15px; min-height: 32px; color: #000B17; border: 1px solid #1d1d1d; line-height: 1.2; background-color: #fff; border-radius: 6px; }
.cpt-radio-chk.type-03 label:hover { background-color: #f4f5f6; }
.cpt-radio-chk.type-03 input:checked + label { background-color: #246BEB; color: #fff; border-color: #246BEB; }
/* .cpt-radio-chk.type-03:focus-within label { outline: 2px dotted var(--career--point); outline-offset: 2px; } */

/* 순서 체크 */
.cpt-check-icon-order { height: 100%; }
.cpt-check-icon-order input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.cpt-check-icon-order label { position: relative; display: block; border: 1px solid #C6C6C6; border-radius: 18px; height: 100%; text-align: center; padding: 12px 5px 15px; }
.cpt-check-icon-order label .order { position: absolute; right: 10px; top: 10px; min-width: 26px; height: 26px; border-radius: 50%; padding: 2px; text-align: center; align-content: center; background-color: #246BEB; color: white; font-size: 12px; font-weight: 600; display: none; }
.cpt-check-icon-order label .icon-b { display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 70px; margin-bottom: 5px; padding: 5px; }
.cpt-check-icon-order label .icon-b img { display: inline-block; }
.cpt-check-icon-order label .name { font-size: 16px; font-weight: 400; color: #2D2D2D; }

.cpt-check-icon-order input:checked + label { border: 1px solid #246BEB; background-color: #EFF5FF; }
.cpt-check-icon-order input:checked + label .order { display: block; }
.cpt-check-icon-order input:checked + label .name { color: #2D2D2D; font-weight: 500; color: #246BEB; }

/* .cpt-check-icon-order:focus-within label { outline: 2px dotted var(--career--point); outline-offset: 2px; background-color: #fafafa; } */
.cpt-check-icon-order:focus-within label .name { color: #2D2D2D; font-weight: 500; }
.cpt-check-icon-order:hover label { background-color: #fafafa; }
.cpt-check-icon-order:hover label .name { color: #2D2D2D; font-weight: 500; }


.cpt-aptitude-select-list.round > li { border-radius: 16px; border: 1px solid #D4D4D4; background-color: white; padding: 20px 15px; margin-bottom: 33px; }

.cpt-aptitude-select-list { margin-bottom: 26px; }
.cpt-aptitude-select-list > li { border-bottom: 1px solid #D4D4D4; padding: 20px 0; margin-bottom: 15px; }
.cpt-aptitude-select-list > li:last-of-type { margin-bottom: 0; }
.cpt-aptitude-select-list .title { font-size: 16px; font-weight: 500; color: #1D1D1D; margin-bottom: 25px; position: relative; padding-left: 30px; word-break: break-all; }
.cpt-aptitude-select-list .title b { font-weight: 500; color: #18A0FB; }
.cpt-aptitude-select-list .title .ic { display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #003675; background-repeat: no-repeat; background-position: center center; background-image: url('/cloud/m/img/common/ic_cpt_arrow_right_white-563739ce54c11f126ae5c3faff17a7af.svg'); background-size: 5px; position: absolute; left: 0; top: 2px; }
.cpt-aptitude-select-list .title .num { display: inline-flex; min-width: 20px; height: 20px; border-radius: 20px; background-color: #18A0FB; align-items: center; justify-content: center; color: white; font-size: 13px; font-weight: 600; position: absolute; left: 0; top: 2px; padding: 0 1px; text-align: center; }

.cpt-aptitude-select-list .click-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(10%, 1fr)); align-items: end; }
.cpt-aptitude-select-list .click-list > li { min-width: 0; }
.cpt-aptitude-select-list .click-list .top-b { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; padding-top: 50px; position: relative; }
.cpt-aptitude-select-list .click-list .top-b .line { display: block; width: 1px; height: 28px; background-color: #c6c6c6; }
.cpt-aptitude-select-list .click-list .top-b .line-arrow { width: 10px; height: 28px; background-repeat: no-repeat; background-position: center bottom; background-image: url('/cloud/m/img/common/ic_cpt_arrow_down_long_blue-8712cdec2562c3800e42ec611f8de259.svg'); }
.cpt-aptitude-select-list .click-list .top-b .desc { text-align: center; /* margin-bottom: 10px; */font-size: 13px; /* position: absolute; *//* height: 50px; */ /* top: 0; */ width: 110px; }
.cpt-aptitude-select-list .click-list .bott-b { border-top: 1px solid #c6c6c6; text-align: center; padding-top: 10px; }

/* .cpt-aptitude-select-list .cpt-rad-chk-box-01 { }
.cpt-aptitude-select-list .cpt-rad-chk-box-01:focus-within label { outline: 2px dotted var(--career--point); outline-offset: 2px; } */
.cpt-aptitude-select-list .cpt-rad-chk-box-01 label { width: 30px; height: 30px; border: 1px solid #d9d9d9; background-color: #e9ecee; border-radius: 50%; text-align: center; font-size: 15px; font-weight: 500; color: #555; display: inline-flex; justify-content: center; align-items: center; }
.cpt-aptitude-select-list .cpt-rad-chk-box-01 input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.cpt-aptitude-select-list .cpt-rad-chk-box-01 input:checked + label { background-color: #246BEB; border-color: #246BEB; color: white; }
.cpt-aptitude-select-list .cpt-rad-chk-box-01 input:not(:checked) + label:hover { background-color: #ddd; }

.cpt-aptitude-select-list .check-icon-list { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); }


.cpt-aptitude-select-list .cpt-blue-explain-box { border-radius: 45px; border-radius: 16px; border: 1px solid #246BEB; background-color: #F9FAFD; margin-top: 35px; padding: 30px 25px; }
.cpt-aptitude-select-list .cpt-blue-explain-box > ul > li { margin-top: 15px; display: flex; align-items: center; flex-wrap: wrap; }
.cpt-aptitude-select-list .cpt-blue-explain-box > ul > li:first-of-type { margin-top: 0; }
.cpt-aptitude-select-list .cpt-blue-explain-box > ul > li .tit { margin-left: 15px; color: #246BEB; font-weight: 500; display: list-item; list-style-position: outside; list-style-type: disc; min-width: 170px; flex-shrink: 0; font-size: 15px; width: 100%; }
.cpt-aptitude-select-list .cpt-blue-explain-box > ul > li .data { margin-left: 20px; flex: 1; min-width: 0; font-size: 15px; font-weight: 400; color: #3c3c3c; line-height: 1.6; }

.cpt-aptitude-select-list .cpt-gray-explain-box { border-radius: 45px; border-radius: 16px; background-color: #F7F7F7; margin-top: 30px; padding: 20px 20px; }
.cpt-aptitude-select-list .cpt-gray-explain-box > ul > li { margin-top: 12px; display: flex; align-items: center; flex-wrap: wrap; }
.cpt-aptitude-select-list .cpt-gray-explain-box > ul > li:first-of-type { margin-top: 0; }
.cpt-aptitude-select-list .cpt-gray-explain-box > ul > li .tit { margin-left: 10px; color: #111; font-weight: 500; display: list-item; list-style-position: outside; list-style-type: disc; min-width: 70px; flex-shrink: 0; font-size: 15px; width: 100%; }
.cpt-aptitude-select-list .cpt-gray-explain-box > ul > li .tit::marker { content: "* "; color: #246BEB; margin-right: 5px; display: inline-block; }
.cpt-aptitude-select-list .cpt-gray-explain-box > ul > li .data { margin: 2px 0 0 10px; flex: 1; min-width: 0; font-size: 15px; font-weight: 400; color: #3c3c3c; line-height: 1.6; width: 100%; }

.cpt-aptitude-select-list .sub-label-tit { font-size: 16px; font-weight: 500; color: #3a3a3a; margin: 30px 0 15px; }
.cpt-aptitude-select-list .sub-label-tit:first-of-type { margin-top: 0; }

.cpt-aptitude-select-list .check-flex-box { display: flex; flex-wrap: wrap; gap: 5px; }
.cpt-aptitude-select-list .check-flex-box:has( > .cpt-radio-chk) { display: grid; grid-template-columns: repeat(auto-fit, minmax(20%, 1fr)); }
.cpt-aptitude-select-list .check-flex-box:has( >.cpt-radio-chk:nth-of-type(5)) { grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); }
.cpt-aptitude-select-list .check-flex-box .flex-one { flex: 1; width: auto; min-width: 0; }
.cpt-aptitude-select-list .check-flex-box .w100 { width: 100%; }
.cpt-aptitude-select-list .check-flex-box .b-w-min { width: 120px; flex-shrink: 0; }
.cpt-aptitude-select-list .check-flex-box .cpt-radio-chk { flex: 1; }

.cpt-aptitude-select-list .list .cpt-radio-chk + .cpt-radio-chk{margin-top: 5px;}

.cpt-aptitude-select-list .ex-box { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 15px; color: #555; margin-top: 35px; }
.cpt-aptitude-select-list .ex-box > p { background-repeat: no-repeat; }
.cpt-aptitude-select-list .ex-box .left { margin-right: auto; padding-left: 20px; background-image: url('/cloud/m/img/common/ic_cpt_arrow_left_sm_gray-155d3c2ba63e182a34afe4976fa8cf05.svg'); background-position: left center; }
.cpt-aptitude-select-list .ex-box .right { margin-left: auto; padding-right: 20px; background-image: url('/cloud/m/img/common/ic_cpt_arrow_right_sm_gray-1f96e50933cf080a01286516c4412afa.svg'); background-position: right center; }

.cpt-step-title-box { display: flex; align-items:self-start; margin-bottom: 10px; border-bottom: 1px solid #d9d9d9; padding-bottom: 25px; margin-top: 10px; }
.cpt-step-title-box .step-box { margin-right: 15px; border-radius: 10px; background-color: #EFF5FF; padding: 10px 8px 8px; text-align: center; min-width: 50px; flex-shrink: 0; }
.cpt-step-title-box .step-box > em { display: block; text-align: center; font-style: normal; background-color: white; border-radius: 12px; padding: 2px 5px; font-size: 11px; font-weight: 500; color: #246BEB; margin-bottom: 5px; letter-spacing: 0; }
.cpt-step-title-box .step-box > strong { font-size: 25px; font-weight: 700; color: #246BEB; line-height: 1; }
.cpt-step-title-box .text { font-size: 15px; line-height: 1.6; color: #444; word-break: break-all; }
.cpt-step-title-box .text .cpt-tit-big {display:block; font-size:18px;}


.cpt-test-ing-btn-box { display: flex; gap: 5px; margin-top: 30px; }
.cpt-test-ing-btn-box .com-btn { flex: 1; }
.cpt-test-ing-btn-box .com-btn.lg { font-size: 16px; }
.cpt-test-ing-btn-box .com-btn.last img { width: 8px; filter: invert(0.7);}

.cpt-test-ing-progress-wrap { padding: 20px 20px 20px; border-bottom: 1px solid #d9d9d9; }
.cpt-test-ing-progress-wrap .top-box { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-bottom: 8px; }
.cpt-test-ing-progress-wrap .top-box .number { font-size: 17px; font-weight: 500; color: #555; }
.cpt-test-ing-progress-wrap .top-box .number b { color: #246BEB; }
.cpt-test-ing-progress-wrap .top-box .ing { margin-left: auto; font-size: 17px; color: #555; }
.cpt-test-ing-progress-wrap .top-box .ing b { color: #246BEB; font-size: 24px; font-weight: 700; margin-left: 3px; }
.cpt-test-ing-progress-wrap .progress-bar { width: 100%; border-radius: 20px; border: 1px solid #d9d9d9; height: 20px; }
.cpt-test-ing-progress-wrap .progress-bar .bar { display: block; height: 100%; border-radius: 20px; background-color: #246BEB; }


.cpt-test-prev-btn-box { display: flex; gap: 5px; margin-top: 30px; }


/* 검사 완료 */
.cpt-test-complete-wrap { text-align: center; margin: 25px 0; }
.cpt-test-complete-wrap .img-box { text-align: center; margin-bottom: 15px; }
.cpt-test-complete-wrap .img-box img { display: inline-block; width: 56px; }
.cpt-test-complete-wrap h3 { font-size: 18px; color: #3A3A3A; font-weight: 700; margin-bottom: 5px; }
.cpt-test-complete-wrap h3 b { font-weight: 700; color: #246BEB; }
.cpt-test-complete-wrap .desc { font-size: 15px; color: #3a3a4a; }
.cpt-test-complete-wrap .desc b { color: #246BEB; }
.cpt-test-complete-wrap .btn-box { margin: 30px 0; text-align: center; }
.cpt-test-complete-wrap .btn-box button { min-width: 0; width: 100%; }




/* 검사 소개, 완료 */
.cpt-page-common-wrap { padding: 20px 0 30px; }
.cpt-page-common-wrap .page-info { position: relative; }
.cpt-page-common-wrap .page-info button { position:absolute; right:40px; top:40px; }
.cpt-page-common-wrap .page-info .descr-box { font-size: var(--body-m-400); color:var(--career--gray-70); font-weight: 500; margin-top:25px; }

.cpt-page-common-wrap .cpt-test-result-top-profile { margin: 20px; }

.cpt-page-common-wrap .txt-inr-box { margin-top: 20px; padding: 0 20px; }
.cpt-page-common-wrap .txt-inr-box .title-inr-box { font-size: 20px; font-weight: 600; color:var(--career--black) }
.cpt-page-common-wrap .txt-inr-box .title-inr-box:not(:first-child) { margin-top:40px; }
.cpt-page-common-wrap .txt-inr-box p { font-size: 15px; }
.cpt-page-common-wrap .txt-inr-box .title-inr-box + p { margin-top: 15px; line-height: 1.5; }
.cpt-page-common-wrap .ol-col4 { display: flex; flex-wrap: wrap; margin-top: 10px }
.cpt-page-common-wrap .ol-col4 li { width: 33.33%; padding: 5px 10px; color:var(--career--black); font-size: 15px; font-weight: 500; word-break: break-all; }
.cpt-page-common-wrap .pgs-bar-box { display: flex; gap:5px 10px; margin-top: 10px; font-size: 16px; color:var(--career--black); flex-wrap: wrap; }
.cpt-page-common-wrap .pgs-bar-box img { max-width: 80px; }
.cpt-page-common-wrap .explain-box { margin-top:20px }
.cpt-page-common-wrap .explain-box li { text-indent: -10px; /*padding-left: 16px;*/ list-style-type: none; }
.cpt-page-common-wrap .explain-box li::before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #1d1d1d; margin-bottom: 4px; margin-right: 10px; }
.cpt-page-common-wrap .explain-box dl { }
.cpt-page-common-wrap .explain-box dt { font-size: 18px; font-weight: 600; color:#3A3A4A }
.cpt-page-common-wrap .explain-box dd { color:#252525; line-height: 1.5; margin: 10px 0 20px; font-size: 15px; }
.cpt-page-common-wrap .explain-box h4 { font-size: 18px; font-weight: 600; color:#252525; }
.cpt-page-common-wrap .explain-box h4 + p { margin:5px 0 20px; line-height: 1.5; }
.cpt-page-common-wrap .rd-box-inr { border:1px solid #000; padding: 25px 20px; border-radius: 12px; margin-top: 20px; }
.cpt-page-common-wrap .rd-box-inr.blue { border-color:#30549E }
.cpt-page-common-wrap .rd-box-inr strong { font-weight: 700; color:#30549E; font-size: 16px; }
.cpt-page-common-wrap .rd-box-inr strong + p { color:#252525; line-height: 1.5; margin: 5px 0 20px; }
.cpt-page-common-wrap .note-box { border-radius: 12px; background:#F7FAFF; padding: 30px; margin-top: 30px; }
.cpt-page-common-wrap .note-box .note-con { position: relative; padding-left: 0; }
.cpt-page-common-wrap .note-box .note-con:before { content:""; position: relative; left: 0; top: 0; display: block; width: 80px; height: 80px; border-radius: 15px; background:#fff url("/cloud/m/img/common/icon_note-8f83c10d25ad12742129069d193825b3.svg") no-repeat center center / 30px; margin-bottom: 20px; }
.cpt-page-common-wrap .note-box .note-con strong { font-size: 17px; font-weight: 600; color:#252525; }
.cpt-page-common-wrap .note-box .note-con p { margin-top: 10px; line-height: 1.5; color:#252525; }
/* .cpt-page-common-wrap .note-box .note-con p br { display: none; } */
.cpt-page-common-wrap .com-explain-txt { margin-top: 30px; color:#000; }

.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col { border-top: 1px solid #d5d5d5; border-right:1px solid #d5d5d5; }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr th { background:#EDF1F5; text-align: left; font-weight: 500; color:#3d3d3d; }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td { position: relative; border-left: 1px solid #D5D5D5 }
.cpt-page-common-wrap .com-graph-foot-amt { display: flex; justify-content: space-between; margin-top:10px }
.cpt-page-common-wrap .com-graph-foot-amt span { width: 100%; font-size: 16px; font-weight: 500; color:#333; text-align: right }

.cpt-page-common-wrap { }

.cpt-page-common-wrap .test-result-ex { margin-top:30px; padding: 0 20px 30px; }
.cpt-page-common-wrap .com-title-rd-bg-blue { font-size:20px; font-weight: 500; color:#fff; padding:20px 30px; border-radius: 12px; background:#0054A6; }
.cpt-page-common-wrap .com-cont-rd-blue { background:#F9FBFF; border:1px solid #B7CDFB; border-radius: 12px; padding:25px 20px; margin-top: 20px; }
.cpt-page-common-wrap .com-cont-col { display: flex; gap:0 50px; justify-content: space-between; align-items: center; }
.cpt-page-common-wrap .mbr-prf { display: flex; flex-direction: column; gap:10px 0 }
.cpt-page-common-wrap .mbr-prf .mbr-icon { width: 80px; height: 80px; border-radius: 50%; border:1px solid #DDDDDD; background:#fff }
.cpt-page-common-wrap .mbr-prf > strong { font-size: 24px; font-weight: 600; color:#1D56BC }
.cpt-page-common-wrap .mbr-prf .txt-gender { font-size: 16px; font-weight: 500; color:#444444; margin-top: -8px; }

.cpt-page-common-wrap .mbr-info { border-radius: 12px; border:1px solid #ddd; background:#fff; padding: 20px 50px; }
.cpt-page-common-wrap .com-list-dl-dot { }
.cpt-page-common-wrap .com-list-dl-dot li { padding: 10px 0 }
.cpt-page-common-wrap .com-list-dl-dot li + li { border-top: 1px solid #ddd; }
.cpt-page-common-wrap .com-list-dl-dot li dl { display: flex; justify-content: space-between; font-size: 16px; }
.cpt-page-common-wrap .com-list-dl-dot li dl dt { width: 150px; font-weight: 500; color:#444; }
.cpt-page-common-wrap .com-list-dl-dot li dl dt:before { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; background:#444; border-radius: 50%; margin-right: 5px; }
.cpt-page-common-wrap .com-list-dl-dot li dl dd { width: 100%; font-weight:600; color:#000; }
.cpt-page-common-wrap .mbr-desc-result { }
.cpt-page-common-wrap .mbr-desc-result strong { font-size:32px; font-weight: 700; }
.cpt-page-common-wrap .mbr-desc-result p { margin-top: 15px; font-size: 18px; line-height: 1.5; }
.cpt-page-common-wrap .com-txt-blue { color:#246BEB }
.cpt-page-common-wrap .com-title-od-box { position: relative; margin:30px 0 15px; padding-left:30px; }
.cpt-page-common-wrap .com-title-od-box .title-num { display: inline-block; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; font-size: 13px; font-weight: 800; background:#18A0FB; text-align: center; border-radius: 50%; color:#fff; align-content: center; }
.cpt-page-common-wrap .com-title-od-box > strong { font-size: 18px; font-weight: 600; }
.cpt-page-common-wrap .explain-rd-list-box { margin-top: 20px }
.cpt-page-common-wrap .explain-rd-list-box ul { display: flex; flex-wrap: wrap; gap:10px 0; }
.cpt-page-common-wrap .explain-rd-list-box ul li { border-radius: 12px; padding: 18px 20px; width: 100%; }
.cpt-page-common-wrap .explain-rd-list-box ul li.list-1 { background:#E8EFFF }
.cpt-page-common-wrap .explain-rd-list-box ul li.list-2 { background:#F1DCF9 }
.cpt-page-common-wrap .explain-rd-list-box ul li.list-3 { background:#E4DBFF }
.cpt-page-common-wrap .explain-rd-list-box ul li h3 { font-size: 18px; font-weight: 700; }
.cpt-page-common-wrap .explain-rd-list-box ul li.list-1 h3 { color: #30549E }
.cpt-page-common-wrap .explain-rd-list-box ul li.list-2 h3 { color: #C9195E }
.cpt-page-common-wrap .explain-rd-list-box ul li.list-3 h3 { color: #3A28B1 }
.cpt-page-common-wrap .explain-rd-list-box ul li h3 + p { font-size: 16px; color:#333; margin-top: 10px }

.cpt-page-common-wrap .com-martop-70 { margin-top: 70px; }
.cpt-page-common-wrap .com-explain-txt { font-size:17px; color:#000; line-height: 1.5; }
.cpt-page-common-wrap .com-table-grpah { margin-top: 30px; }
.cpt-page-common-wrap .com-table-grpah .com-table-graph-top { display: flex; justify-content: space-between; flex-wrap: wrap; }
.cpt-page-common-wrap .com-table-grpah .com-table-graph-top .com-graph-items ul { display: flex; gap:0 10px; flex-wrap: wrap; }
.cpt-page-common-wrap .com-table-grpah .com-table-graph-top .com-graph-items ul li { display: flex; align-items: center; font-size: 14px; font-weight: 500; color:#3d3d3d }
.cpt-page-common-wrap .com-table-grpah .com-table-graph-top .com-graph-items ul li .com-graph-circle { display: block; width: 14px; height: 14px; border-radius: 50%; margin-right: 5px; }
.cpt-page-common-wrap .com-table-grpah .com-table-graph-top .com-graph-items ul li .com-graph-circle.circle1 { background:#B4C5D2 }
.cpt-page-common-wrap .com-table-grpah .com-table-graph-top .com-graph-items ul li .com-graph-circle.circle2 { background:#FCAE49 }
.cpt-page-common-wrap .com-table-grpah .com-table-graph-top + .com-table-wrap { margin-top: 20px; }

.cpt-page-common-wrap .pgs-row-list { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.cpt-page-common-wrap .pgs-row-list strong { font-size: 17px; font-weight: 600; color:#333; width: 100%; display: flex; margin-bottom: 5px; }
.cpt-page-common-wrap .pgs-row-list strong img { margin-right: 10px; flex-shrink: 0; }
.cpt-page-common-wrap .pgs-row-list strong i { color:#E24231; margin-right: 8px; }
.cpt-page-common-wrap .pgs-row-list ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(15%, 1fr)); gap:15px 20px; width: 100%; }
.cpt-page-common-wrap .pgs-row-list ul li { flex: 1 0 20%; font-size: 15px; font-weight: 500; align-items: center; }
.cpt-page-common-wrap .pgs-row-list ul li img { display: inline-block; margin-bottom:2px; max-width: 100%; }

.cpt-page-common-wrap .com-help-ment { display: block; margin: 20px 0; text-align: right; font-size: 15px; color:#444 }
.cpt-page-common-wrap .com-table.com-table-in-line thead th,
.cpt-page-common-wrap .com-table.com-table-in-line tbody td { border-left:1px solid #ddd; }
.cpt-page-common-wrap .com-table.com-table-in-line tbody th { font-weight: 600; color:#323232; background:#F9FBFF }
.cpt-page-common-wrap .link-txt-list a { display: inline-block; color:#0054A6; text-decoration: underline; margin:2px 5px }
.cpt-page-common-wrap .com-title-list-sm { }
.cpt-page-common-wrap .com-title-list-sm strong { font-weight: 600; color:#323232 }
.cpt-page-common-wrap .com-title-list-sm ul { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top:10px; max-width:400px }
.cpt-page-common-wrap .com-title-list-sm ul li { position: relative; padding-left: 10px; display: inline-block; width: 50%; padding:5px 10px; font-size: 15px; text-align: left; }
.cpt-page-common-wrap .com-title-list-sm ul li:before { content: ""; position: absolute; left: 0; top:14px; width: 3px; height: 3px; border-radius: 50%; background:#444 }
.cpt-page-common-wrap .com-table-wrap .com-textarea { width: 100%; margin-top: 10px }
.cpt-page-common-wrap .com-con-button { margin-top: 20px; text-align: center }

.cpt-page-common-wrap .test-use-guide { }
.cpt-page-common-wrap .test-use-guide .com-conts-title { margin-top: 80px }
.cpt-page-common-wrap .test-use-guide .com-page-title .title-box { justify-content: flex-end; margin-top: 10px; margin-bottom: 30px }
.cpt-page-common-wrap .test-use-guide .com-page-title .title-box .com-util-txt-sm { display: inline-block; margin-left: 5px; font-weight:400; }
.cpt-page-common-wrap .test-use-guide .guide-video-area { margin-top: 25px }
.cpt-page-common-wrap .test-use-guide .txt-history { padding: 20px; }
.cpt-page-common-wrap .test-use-guide .txt-history span { display: block; }
.cpt-page-common-wrap .test-use-guide .com-btn-foot { border-top:1px solid #D9D9D9; padding-top:25px }

.cpt-page-common-wrap .cpt-my-effort-box { width: 100%; padding: 20px 0; border-bottom: 1px solid #d5d5d5; }
.cpt-page-common-wrap .cpt-my-effort-box label { font-size: 16px; }
.cpt-page-common-wrap .cpt-my-effort-box .com-textarea { width: 100%; }

.cpt-page-common-wrap .com-table-wrap { overflow: auto; width: 100%; }
.cpt-page-common-wrap .com-table-wrap .com-table { table-layout: fixed; width: 100%; min-width: 100%; }
.cpt-page-common-wrap .com-table-wrap .com-table.cpt-minW { min-width: 400px; }
.cpt-page-common-wrap .com-table-wrap .com-table.cpt-minW2 { min-width: 500px; }
.cpt-page-common-wrap .com-table-wrap .com-table.cpt-minW3 { min-width: 700px; }
.cpt-page-common-wrap .com-table-wrap .com-table.cpt-minW4 { min-width: 900px; }
.cpt-page-common-wrap .com-table-wrap .com-table th { font-size: 16px; padding: 10px; }
.cpt-page-common-wrap .com-table-wrap .com-table td { font-size: 16px; padding: 10px; }
.cpt-page-common-wrap .com-table-wrap .com-table :is(td, th) :is(p, div, b, a, span, li) { font-size: inherit; font-weight: inherit; color: inherit; word-break: break-all; }

.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col { border-top: 1px solid #d5d5d5; border-right:1px solid #d5d5d5; }
.cpt-page-common-wrap .com-table-wrap .com-table.cpt-data-t { min-width: 500px; width: 100%; }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr th { background:#EDF1F5; text-align: left; font-weight: 500; color:#3d3d3d; }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td { position: relative; border-left: 1px solid #D5D5D5; word-break: keep-all; }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data { position: absolute; top:50%; transform: translateY(-50%); display: flex; gap:0 5px; align-items: center; font-size: 16px; font-weight: 500; color: #333; word-break: keep-all; }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-1 { left:92% }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-2 { left:51% }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-3 { left:18% }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-4 { left:80% }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-5 { left:-5% }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-6 { left:45% }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-7 { left:50% }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-8 { left:72% }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-9 { left:50% }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-10 { left:70% }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data.data-11 { left:3% }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data .circle-data { display: block; width:13px; height: 13px; border-radius: 50%; }
.cpt-page-common-wrap .com-table-wrap.type-01.com-table-col tr td .tbl-data .circle-data.cur-data { background:#FCAE49 }
.cpt-page-common-wrap .com-graph-foot-amt { display: flex; justify-content: space-between; margin-top:10px; min-width: 500px; width: 100%; }
.cpt-page-common-wrap .com-graph-foot-amt span { flex: 1; min-width: 0; font-size: 13px; font-weight: 500; color:#333; text-align: right; }
.cpt-page-common-wrap .com-graph-foot-amt span:first-of-type { min-width: 87px; flex-shrink: 0; }

.cpt-page-common-wrap .mca-tit-cir { position: relative; padding-left: 20px; font-size: 16px; font-weight: 600; margin-bottom: 20px; }
.cpt-page-common-wrap .mca-tit-cir:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #ff0000; position: absolute; top: 8.5px; left: 0; }



.cpt-job-detail-view { border-radius: 12px; background-color: #A5B0D4; display: flex; padding: 15px 25px; align-items: center; width: 100%; }
.cpt-job-detail-view .text { font-size: 17px; font-weight: 500; color: white; flex: 1; text-align: left; }
.cpt-job-detail-view .icon { margin-left: 10px; flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; background-color: #747B94; background-image: url('/cloud/m/img/sub/ic_cpt_icon_search_white-41ba69537f3f7a3410cdaad9e1f98a57.svg'); background-position: center center; background-repeat: no-repeat; background-size: 15px; }


.cpt-result-bottom-wrap { margin-top: 20px; border: 1px solid #c6c6c6; border-radius: 12px; padding: 25px 20px; }
.cpt-result-bottom-wrap .cpt-btn-rows button { width: 100%; display: flex; align-items: center; padding: 9px 20px; margin-top: 10px; font-size: 16px; text-align: left; }
.cpt-result-bottom-wrap .cpt-btn-rows button img { margin-left: auto; }
.cpt-result-bottom-wrap .cpt-btn-rows button:first-of-type { margin-top: 0; }
.cpt-result-bottom-wrap .rows { margin-top: 22px; }
.cpt-result-bottom-wrap .rows:first-of-type { margin-top: 0; }
.cpt-result-bottom-wrap .rows .tit { font-size: 16px; font-weight: 700; color: #003675; margin-bottom: 5px; }
.cpt-result-bottom-wrap .rows .sub { font-size: 16px; font-weight: 400; color: #666; margin-bottom: 10px; }
.cpt-result-bottom-wrap .rows .f-row { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.cpt-result-bottom-wrap .rows .f-row .grow { flex: 1; width: auto; min-width: 0; }
.cpt-result-bottom-wrap .rows .f-row .grow * { width: 100%; }
.cpt-result-bottom-wrap .rows .f-row .z { flex-shrink: 0; }
.cpt-result-bottom-wrap .rows .com-btn.cpt-blue { color: #246BEB; border-color: #246BEB; }



.cpt-page-top-infos { padding: 30px 20px; background-color: #F9FBFF; }
.cpt-page-top-infos > ul { background-color: white; border: 1px solid #246BEB; border-radius: 12px; padding: 15px 16px; }
.cpt-page-top-infos > ul > li { display: flex; flex-wrap: wrap; gap: 5px 7px; margin-top: 7px; align-items: center; }
.cpt-page-top-infos > ul > li:first-of-type { margin-top: 0; }
.cpt-page-top-infos .icon-b { width: 24px; height: 24px; border-radius: 50%; background-color: #5c93f8; display: flex; align-items: center; justify-content: center; }
.cpt-page-top-infos .sbj { font-size: 14px; font-weight: 600; color: #444; }
.cpt-page-top-infos .text { font-size: 14px; color: #666; }
.cpt-page-top-infos .text b { font-weight: 500; color: #111; margin: 0 5px 0 10px; }
.cpt-page-top-infos .text b:first-of-type { margin-left: 0; }



.cpt-page-top-blue { width: 100%; background-color: #1D56BC; text-align: center; height: 64px; align-content: center; padding: 10px 20px; }
.cpt-page-top-blue p { color: white; font-size: 17px; line-height: 1.3; font-weight: 500; }



.cpt-bullet-title-big { font-size: 20px; font-weight: 700; color: var(--career--gray-90); padding-left: 35px; background-repeat: no-repeat; background-position: left center; background-image: url('/cloud/m/img/sub/ic_cpt_bullet_big-979faf5fcbd4bc486b3b5738b7e75809.svg'); background-size: 28px; margin: 30px 0 10px; }
.cpt-bullet-title-big strong { color: #18A0FB; }

.com-title-od-box strong em { color: #18A0FB; font-weight: inherit; font-style: normal; }

.cpt-tit-explain-box { margin-bottom: 20px; font-size: 16px; color: #1d1d1d; line-height: 1.6; }

.cpt-result-recom-job-name { background-color: #F5FAFE; padding: 17px 20px; text-align: center; border-radius: 10px; margin-bottom: 20px; }
.cpt-result-recom-job-name p { font-size: 18px; font-weight: 600; color: #1d1d1d; }

.cpt-result-recom-job-explain { border: 1px dotted #BED9EE; padding: 20px 25px; text-align: left; border-radius: 10px; margin-bottom: 20px; }
.cpt-result-recom-job-explain p { font-size: 16px; font-weight: 400; color: #1d1d1d; line-height: 1.7; }

.com-table.cpt-job .cpt-a-line { display: inline-block; text-decoration: underline; margin: 3px; }
.com-table.cpt-job img { display: inline-block; }

.cpt-jop-interest-box { border: 1px solid #ddd; border-radius: 12px; padding: 32px 30px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.cpt-jop-interest-box .left-info { flex: 1; min-width: 0; display: flex; }
.cpt-jop-interest-box .left-info .icon-b { width: 90px; height: 90px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #E5E5E5; flex-shrink: 0; margin-right: 35px; }
.cpt-jop-interest-box .left-info .text-b { flex: 1; display: flex; flex-direction: column; }
.cpt-jop-interest-box .left-info .text-b > strong { display: block; width: 100%; margin-bottom: 10px; font-size: 20px; font-weight: 700; }
.cpt-jop-interest-box .left-info .text-b > span { font-size: 17px; line-height: 1.6; color: #1d1d1d; }

.cpt-jop-interest-box .com-btn img { margin: 0 10px; }


.cpt-test-start-list { margin-bottom: 50px; }
.cpt-test-start-list ul { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 20px; }
.cpt-test-start-list ul > li { border-radius: 12px; border: 1px solid #E1E3E6; }

.cpt-test-start-list ul > li .top-box { display: flex; align-items: center; align-content: center; flex-wrap: wrap; gap: 10px; padding: 20px 30px; border-bottom: 1px solid #E1E3E6; min-height: 90px; }
.cpt-test-start-list ul > li .top-box h3 { font-size: 24px; color: #3c3c3c; font-weight: 600; flex: 1; }
.cpt-test-start-list ul > li .top-box .com-btn { color: #246BEB; border-color: #246BEB; }
.cpt-test-start-list ul > li .top-box .com-btn.cpt-red { background-color: #FF0000; color: white; border-color: #FF0000; }

.cpt-test-start-list ul > li .info-box { display: flex; align-items: flex-start; padding: 20px 30px 25px; min-height: 200px; }
.cpt-test-start-list ul > li .info-box .pic { flex-shrink: 0; width: 103px; height: 103px; border-radius: 34px; background-color: #E4F2FF; margin-right: 65px; padding: 10px; display: flex; align-items: center; justify-content: center; }
.cpt-test-start-list ul > li .info-box .pic.yellow { background-color: #FFF9ED; }
.cpt-test-start-list ul > li .info-box .pic img { max-width: 100%; max-height: 100%; }
.cpt-test-start-list ul > li .info-box .btn-box { margin-bottom: 25px; display: flex; flex-wrap: wrap; gap: 10px 15px; }
.cpt-test-start-list ul > li .info-box .desc { font-size: 17px; line-height: 1.5; color: #666; margin-bottom: 15px; margin-top: 20px; }
.cpt-test-start-list ul > li .info-box .ex-txt { margin-bottom: 10px; display: flex; flex-wrap: wrap; gap: 5px 12px; font-size: 17px; color: #555; align-items: center; }
.cpt-test-start-list ul > li .info-box .ex-txt span { color: inherit; font-size: inherit; }
.cpt-test-start-list ul > li .info-box .ex-txt b { font-weight: 500; color: #222; min-width: 70px; }
.cpt-test-start-list ul > li .info-box .ex-txt .ic { background-image: url('/cloud/m/img/common/ic_cpt_time_sm-5e20a490aa5ab7a71d50e6ada806f1c0.svg'); background-repeat: no-repeat; background-position: left center; padding-left: 25px; min-height: 16px; align-items: center; }
.cpt-test-start-list ul > li .info-box .ex-txt:last-of-type { margin-bottom: 0; }
.cpt-test-start-list .com-btn.cpt-red { background-color: #FF0000; color: white; border-color: #FF0000; }


/* 직업적성검사란? */
.cpt-aptitude-test-meaning { border-radius: 16px; border: 1px solid #d4d4d4; padding: 30px 45px; display: flex; margin-bottom: 50px; }
.cpt-aptitude-test-meaning .pic { width: 95px; height: 95px; flex-shrink: 0; margin-right: 35px; overflow: hidden; background-color: #D5F1F2; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
/* .cpt-aptitude-test-meaning .pic img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } */
.cpt-aptitude-test-meaning .text-box { flex: 1; min-width: 0; }
.cpt-aptitude-test-meaning h3 { font-size: 24px; font-weight: 500; margin-bottom: 10px; }
.cpt-aptitude-test-meaning .desc { font-size: 17px; color: #666; line-height: 1.7; }
.cpt-aptitude-test-meaning .tag { margin-top: 7px; display: inline-block; padding: 7px 30px; border: 1px solid #D4D4D4; background-color: white; font-size: 17px; color: #2B6DE1; border-radius: 40px; }





/* 결과페이지 추가 */
.cpt-blue-text { color: #246BEB !important; }
.cpt-blue2-text { color: #478CD0 !important; }
.cpt-red-text { color: #E6002D !important; }

.cpt-text-bold { font-weight: 600 !important; }
.cpt-text-left { text-align: left !important; }
.cpt-text-right { text-align: right !important; }
.cpt-text-center { text-align: center !important; }

.cpt-dot-list { margin-top: 10px; }
.cpt-dot-list > li { margin-top: 5px; list-style-type: disc; margin-left: 1.4em; font-size: 17px; line-height: 1.5; font-size: 16px; text-align: left !important; }
.cpt-dot-list > li::marker { font-size: 0.9em; }
.cpt-dot-list > li:first-of-type { margin-top: 0; }
.cpt-dot-list.blue > li::marker { color: #246BEB; }

.cpt-red-bullet { display: list-item; list-style-type: disc; margin-left: 1.4em; font-size: 18px; line-height: 1.5; font-weight: 500; margin-bottom: 15px; }
.cpt-red-bullet::marker { color: red; }

.cpt-flex2-box { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.cpt-flex2-box.end { align-items: flex-end; }
.cpt-flex2-box .lb { margin-right: auto; }
.cpt-flex2-box .rb { margin-left: auto; }
.mca-job-test .cpt-flex2-box .com-title-od-box { margin: 0; }


.cpt-text-result-box2 { background-color: #F5FAFE; border: 1px solid #BED9EE; border-radius: 12px; padding: 17px; }
.cpt-text-result-box2 > ul { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; }
.cpt-text-result-box2 > ul > li { background-color: white; border-radius: 12px; border: 1px solid #dedede; flex: 1; padding: 17px 10px; text-align: center; font-size: 18px; font-weight: 600; }


th.cpt-td-bg1,
td.cpt-td-bg1 { background-color: #F8F8F8; font-size: 16px; line-height: 1.7; }
th.cpt-td-bg2,
td.cpt-td-bg2 { background-color: #F4F6FF; line-height: 1.7; color: #003675; }

th.deep2 { background-color: var(--career--secondary-5) !important; }


.cpt-mark01-box { display: inline-block; position: relative; vertical-align: middle; margin-left: 10px; z-index: 10; }
.cpt-mark01-box .btns { display: inline-block; width: 20px; height: 20px; background-image: url('/cloud/m/img/common/icon_question_mark-e6e7d683afe8cf439793c00d61410ba2.svg'); background-repeat: no-repeat; background-color: transparent; margin: 0; }
.cpt-mark01-box .btns:hover + .com-coachmark,
.cpt-mark01-box .btns:focus + .com-coachmark { display: block; }
.cpt-mark01-box .com-coachmark { position: absolute; left: 50%; top: calc(100% + 10px); transform: translateX(-50%); text-align: left; display: none; width: 200px; }
.cpt-mark01-box .com-coachmark.show { display: block; }
.cpt-mark01-box .com-coachmark .txt-bold { font-size: 15px; font-weight: 500; color: #111; }
.cpt-mark01-box .com-coachmark .txt-sub { font-size: 14px; font-weight: 400; color: #333; }

.link-txt-list2 a { display: inline-block; color: #454545;; text-decoration: underline; margin:2px 5px; font-size: inherit; }
.link-txt-list2.vertical { display: flex; flex-direction: column; }
.link-txt-list2.vertical > a { margin: 5px 0; padding: 0; line-height: 1.4; }

.cpt-bar-graph { width: 100%; display: flex; align-items: center; margin: 5px 0; }
.cpt-bar-graph span { border-radius: 20px; height: 14px; display: block; background-color: #246BEB; }
.cpt-bar-graph span.prev-data { background: #FDAE48; }
.cpt-bar-graph .orange { background-color: #FB814B; }
.cpt-bar-graph .number { flex-shrink: 0; margin-left: 5px; font-size: 15px !important; }

.cpt-bar-graph2 { display: flex; align-items: center; margin: 10px 0; }
.cpt-bar-graph2 span { border-radius: 0 20px 20px 0; height: 16px; display: block; background-color: #246BEB; }
.cpt-bar-graph2 span.yellow { background-color: #FDAE48; }
.cpt-bar-graph2 span.gray { background-color: #99B0CB; }
.cpt-bar-graph2 .number { flex-shrink: 0; margin-left: 10px; }

.cpt-text-result-table-bar { display: flex; align-items: center; padding-right: 33px; position: relative; }
.cpt-text-result-table-bar .name { min-width: 90px; flex-shrink: 0; margin-right: 10px; text-align: left; font-size: 15px !important; }
.cpt-text-result-table-bar .graph-area { width: 100%; display: flex; flex-direction: column; align-items: flex-start; }
.cpt-text-result-table-bar .cpt-bar-graph { flex: 1; }
.cpt-text-result-table-bar .good { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.cpt-text-result-table-bar .good img { width: 22px; }


.cpt-cate-01 { display: flex; align-items: center; justify-content: flex-end; font-size: 16px; color: #898787; }
.cpt-cate-01 em { background-color: #246BEB; width: 44px; height: 6px; margin-right: 10px; }
.cpt-cate-01:last-child em { background-color:#FDAE48; }

.cpt-cate-comp1 { display: inline-flex; align-items: center; gap: 7px; margin: 0 10px; font-size: 16px; font-weight: 400; color: #555; }
.cpt-cate-comp1 em { width: 46px; height: 13px; border-radius: 20px; }


.cpt-tit2-01 { font-size: 19px; font-weight: 700; color: #000; }
.cpt-tit2-01 .cate { display: inline-block; vertical-align: middle; background-color: #246BEB; color: white; font-weight: 500; font-size: 15px; padding: 5px 20px; border-radius: 6px; margin-right: 10px; }
.cpt-tit2-01 b { color: #18A0FB; }

.cpt-cate-02 em { }
.cpt-cate-02:last-child em { background-color: #FB814B; }


.cpt-survey-result-01-box { display: flex; flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #ddd; }
.cpt-survey-result-01-box .col { flex: 1 0 100%; min-width: 0; display: flex; border-bottom: 1px solid #ddd; }
.cpt-survey-result-01-box .col:last-of-type { border-bottom: none; }
.cpt-survey-result-01-box .col .icon-box { flex-shrink: 0; min-width: 0; width: 160px; border-right: 1px solid #ddd; text-align: center; align-content: center; padding: 15px; font-size: 16px; }
.cpt-survey-result-01-box .col .icon-box img { display: inline-block; vertical-align: middle; }
.cpt-survey-result-01-box .col .ability-box { flex: 1; display: flex; flex-direction: column; }
.cpt-survey-result-01-box .col .ability-box .row { border-bottom: 1px solid #ddd; padding: 15px 20px; text-align: center; flex: 1; align-content: center; font-size: 16px; font-size: 16px; }
.cpt-survey-result-01-box .col .ability-box .row:last-of-type { border-bottom: none; }


.cpt-career-graph-box { border-radius: 10px; border: 1px solid #ddd; padding: 50px 20px; text-align: center; margin-bottom: 40px; }
.cpt-career-graph-box .img-graph { display: inline-block; }


.cpt-carrer-myvalue-box { border-radius: 10px; background-color: #F5FAFE; border: 1px solid #bed9ee; margin-bottom: 40px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; padding: 25px; }
.cpt-carrer-myvalue-box .tit { font-size: 17px; font-weight: 500; color: #1d1d1d; padding-left: 30px; position: relative; }
.cpt-carrer-myvalue-box .tit::before { content: ""; display: block; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; background-image: url('/cloud/m/img/common/icon_info-2fe9b057f7dadbe9b7706d19266f23a0.svg'); background-repeat: no-repeat; background-position: center center; }
.cpt-carrer-myvalue-box .rb { margin-left: auto; display: flex; gap: 10px; align-items: center; font-size: 16px; }
.cpt-carrer-myvalue-box .rb img { display: inline-block; vertical-align: middle; }
.cpt-carrer-myvalue-box .rb span { text-align: left; }


.com-table.cpt-type-01 .pd-l-N { padding-left: 0 !important; }
.com-table.cpt-type-01 tr th { text-align: center !important; }
/* .com-table.cpt-type-01 tr th.deep3 { background-color: #F8F8F8 !important; } */
.com-table-wrap.type-01.com-table-col.v02 { border-right: none !important; }

.com-table tr th.col-red { background-color: #FCF2F7 !important; }
.com-table tr th.col-purple { background-color: #F2EFFA !important; }
.com-table tr th.col-yellow { background-color: #FAF4E9 !important; }
.com-table tr th.col-green { background-color: #F4FBFA !important; }

.com-table-wrap .com-table.cpt-mo-table colgroup { display: none; }
.com-table-wrap .com-table.cpt-mo-table thead { display: block; }
.com-table-wrap .com-table.cpt-mo-table tbody { display: block; }
.com-table-wrap .com-table.cpt-mo-table tbody th { border-left: 1px solid #d5d5d5; }
.com-table-wrap .com-table.cpt-mo-table tr { display: block; }
.com-table-wrap .com-table.cpt-mo-table td,
.com-table-wrap .com-table.cpt-mo-table th { display: block; width: 100%; }

.cpt-career-type-view-box { overflow: auto; }
.cpt-career-type-view-box .row { border-bottom: 1px solid #ddd; display: flex; min-height: 70px; min-width: 400px; }
.cpt-career-type-view-box .row:first-of-type { border-top: 1px solid #ddd; }
.cpt-career-type-view-box .row .title { width: 100px; flex-shrink: 0; border-right: 1px solid #ddd; text-align: center; align-content: center; font-size: 15px; }
.cpt-career-type-view-box .row .graph-bg { flex: 1; min-width: 0; display: flex; position: relative; background-color: #FCF2F7; }
.cpt-career-type-view-box .row .graph-bg > span { flex: 1; min-width: 0; border-right: 1px solid #ddd; }
.cpt-career-type-view-box .row .graph-bg > span:last-of-type { border-right: none; }
.cpt-career-type-view-box .bar-graph { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; margin: 0; width: 100%; }
.cpt-career-type-view-box .bar-graph span { border-radius: 20px; height: 12px; display: block; background-color: #FCAE49; }
.cpt-career-type-view-box .bar-graph .number { flex-shrink: 0; margin-left: 5px; font-size: 15px; }

.cpt-career-type-view-box .row:nth-of-type(3n+2) .graph-bg { background-color: #F2EFFA; }
.cpt-career-type-view-box .row:nth-of-type(3n+3) .graph-bg { background-color: #FAF4E9; }
.cpt-career-type-view-box .row:nth-of-type(3n+4) .graph-bg { background-color: #F4FBFA; }

.cpt-career-type-view-box .row-bott { display: flex; min-width: 400px; }
.cpt-career-type-view-box .row-bott .title { width: 100px; flex-shrink: 0; }
.cpt-career-type-view-box .row-bott .graph-bg { flex: 1; min-width: 0; display: flex; padding-top: 5px; }
.cpt-career-type-view-box .row-bott .graph-bg > em { flex: 1; min-width: 0; font-style: normal; font-size: 15px; text-indent: -5px; }

.cpt-link-job { text-decoration: underline; display: inline-block; }

.cpt-job-12-explain-box { border-radius: 10px; border: 1px solid #ddd; padding: 30px 20px; }
.cpt-job-12-explain-box ul > li { margin-top: 13px; display: flex; align-items: center; flex-wrap: wrap; }
.cpt-job-12-explain-box ul > li:first-of-type { margin-top: 0; }
.cpt-job-12-explain-box ul > li .tit { display: list-item; list-style-type: disc; margin-left: 20px; flex-shrink: 0; min-width: 115px; font-size: 16px; color: #1d1d1d; margin-bottom: 5px; font-weight: 500; }
.cpt-job-12-explain-box ul > li .tit::marker { color: #0066FF; }
.cpt-job-12-explain-box ul > li .data { flex: 1 0 100%; font-size: 16px; color: #444; width: 100%; }
.cpt-job-12-explain-box ul > li .data b { font-weight: 500; color: #3084FA; }

.cpt-txt-lg-01 { margin-bottom: 20px; font-size: 18px; font-weight: 500; color: #111; }
.cpt-txt-lg-01 b { color: #3084FA; }

.cpt-job-name-view-box { margin-bottom: 40px; }
.cpt-job-name-view-box .title-box { background-color: #F5FAFE; padding: 15px 20px; text-align: center; }
.cpt-job-name-view-box .title-box p { font-size: 18px; font-weight: 600; color: #111; }
.cpt-job-name-view-box .job-gather-box { text-align: left; padding: 15px 20px; }
.cpt-job-name-view-box .job-gather-box a { font-size: 15px; display: inline-block; margin: 3px 5px; font-weight: 400; text-decoration: underline !important; color: #444; }
.cpt-job-name-view-box .btn-more { width: 100%; height: 45px; border: 1px solid #294A7F; border-radius: 5px; color: #294A7F; }
.cpt-job-name-view-box .btn-more:hover,
.cpt-job-name-view-box .btn-more:focus { background-color: #f5f5f5; }


.cpt-result-alert-box .title-b { background-color: #FFF3F1; border: 1px solid #E9C0C0; padding: 15px 20px; border-radius: 10px 10px 0 0; }
.cpt-result-alert-box .title-b p { font-size: 18px; font-weight: 500; color: #000B17; }
.cpt-result-alert-box .title-b p strong { color: #ff0000; font-size: 1.1em; font-weight: 500; }
.cpt-result-alert-box .cont-b { background-color: #F8F8F8; border-radius: 0 0 10px 10px; border: 1px solid #E4E4E4; padding: 20px 20px; }
.cpt-result-alert-box .cont-b .tit { font-size: 16px; font-weight: 600; color: #111; margin-bottom: 10px; padding-left: 28px; position: relative; }
.cpt-result-alert-box .cont-b .tit::before { content: ""; width: 20px; height: 20px; position: absolute; left: 0; top: 3px; background: url('/cloud/m/img/common/icon_info_fill-faa540a703ed0b86d54cb824f360a32d.svg') no-repeat center center / 100%; }
.cpt-result-alert-box .cont-b .desc { font-size: 16px; line-height: 1.5; margin-left: 25px; word-break: break-all; }


.cpt-job-multiple-apply-box { border-radius: 0 0 10px 10px; border: 1px solid #ddd; border-top: none; padding: 20px 20px; }
.cpt-job-multiple-apply-box .sbj { font-size: 18px; font-weight: 600; color: #111; margin-bottom: 15px; }
.cpt-job-multiple-apply-box .alert-box { background-color: #F9FBFF; border-radius: 5px; border: 1px solid #ddd; padding: 20px; font-size: 16px; line-height: 1.7; word-break: break-all; margin-bottom: 20px; }
.cpt-job-multiple-apply-box .alert-box strong { margin-bottom: 5px; display: block; }


.cpt-job-career-info-apply-box { border-radius: 10px; border: 1px solid #ddd; margin-bottom: 30px; }
.cpt-job-career-info-apply-box .title-b { border-bottom: 1px solid #ddd; padding: 15px 20px; }
.cpt-job-career-info-apply-box .title-b p { font-size: 18px; font-weight: 600; color: #111; }
.cpt-job-career-info-apply-box .cont-b { padding: 20px 20px; }
.cpt-job-career-info-apply-box .cont-b .cpt-dot-list { margin-top: 0; }
.cpt-job-career-info-apply-box .navy-tit { margin: 30px 0 15px; font-size: 17px; font-weight: 700; color: #294A7F; display: block; }
.cpt-job-career-info-apply-box .navy-tit:first-of-type { margin-top: 0; }


.cpt-job-video-gahter-box { padding: 20px 20px 20px; background-color: #F8F8F8; border: 1px solid #d5d5d5; border-radius: 10px; gap: 20px; }
.cpt-job-video-gahter-box .title { display: block; width: 100%; margin-bottom: 20px; font-size: 22px; font-weight: 700; color: #111; }
.cpt-job-video-gahter-box .box { min-width: 0; background-color: white; border-radius: 10px; border: 1px solid #ddd; overflow: clip; margin-top: 20px; }
.cpt-job-video-gahter-box .tit-b { background-color: #294A7F; padding: 13px 20px; }
.cpt-job-video-gahter-box .tit-b p { font-size: 17px; color: #fff; font-weight: 500; text-align: center; }
.cpt-job-video-gahter-box .cont-b { padding: 20px 20px; }
.cpt-job-video-gahter-box .cont-b .row { margin-top: 25px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.cpt-job-video-gahter-box .cont-b .row:first-of-type { margin-top: 0; }
.cpt-job-video-gahter-box .cont-b .row .text-b { flex: 1; min-width: 0; padding-right: 10px; }
.cpt-job-video-gahter-box .cont-b .row .text-b strong { display: block; width: 100%; margin-bottom: 5px; font-size: 16px; color: #111; }
.cpt-job-video-gahter-box .cont-b .row .text-b span { font-size: 15px; line-height: 1.3; }
.cpt-job-video-gahter-box .cont-b .row .qr-b { flex-shrink: 0; width: 55px; }
.cpt-job-video-gahter-box .cont-b .row .com-btn { color: #246BEB; border-color: #246BEB; width: 100%; margin-top: 5px; }


.cpt-tit-explain-sm-box { font-size: 15px; line-height: 1.6; }

.cpt-in-re-line-txt { font-size: 40px !important; font-weight: 600 !important; color: #111 !important; display: inline-block; border-bottom: 1px solid #ddd; }
.cpt-in-re-line-sm { font-size: 15px !important; font-weight: 600 !important; color: #2D87DD !important; margin-top: 5px; }


.cpt-job-table-wrap { display: flex; gap: 20px; flex-wrap: wrap; }
.cpt-job-table-wrap > .col { flex: 1 0 100%; min-width: 0; }
.cpt-job-table-wrap > .col table { height: 100%; }


.cpt-job-interest-in { display: flex; align-items: center; padding: 10px 5px; }
.cpt-job-interest-in .icon-b { background-color: #F4F4F4; border-radius: 14px; padding: 10px; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; margin-right: 20px; flex-shrink: 0; }
.cpt-job-interest-in .text-b { flex: 1; text-align: left; }
.cpt-job-interest-in .text-b .alpha { font-size: 17px; }
.cpt-job-interest-in .text-b .alpha b { font-size: 2.3em; margin-right: 10px; font-weight: 700; color: black; }
.cpt-job-interest-in .text-b .alpha span { font-size: 20px; font-weight: 600; color: #2D87DD; }
.cpt-job-interest-in .text-b .desc { font-size: 17px; }
.cpt-job-interest-in .text-b .desc b { font-size: 17px; color: #2D87DD; margin-right: 10px; }


.cpt-career-type-interest { display: grid; grid-template-columns: repeat(auto-fit, minmax(40%, 1fr)); }
.cpt-career-type-interest .box { border: 1px solid #d5d5d5; position: relative; margin: -1px 0 0 -1px; padding: 30px 25px; text-align: center; }
.cpt-career-type-interest .title { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 5px; }
.cpt-career-type-interest .title .cate { padding: 3px 10px; border-radius: 20px; background-color: #EDF1F5; font-size: 13px; color: #254a8c; }
.cpt-career-type-interest .title strong { font-size: 35px; font-weight: 500; color: #111; }
.cpt-career-type-interest .sub span { font-size: 16px; font-weight: 600; color: #000; margin-right: 3px; }
.cpt-career-type-interest .sub em { font-size: 13px; font-weight: 500; color: #254a8c; font-style: normal; letter-spacing: 0; }
.cpt-career-type-interest .icon-b { width: 90px; height: 90px; background-color: #f4f4f4; border-radius: 50%; overflow: clip; margin: 20px auto 30px; display: flex; align-items: center; justify-content: center; }
.cpt-career-type-interest .list > li { margin-top: 5px; border: 1px solid #ddd; padding: 7px 10px; text-align: center; font-size: 16px; font-weight: 500; color: #111; }
.cpt-career-type-interest .list > li:first-child { margin-top: 0; }

.cpt-career-type-interest .box.blue { border-color: #3084FA; z-index: 1; }
.cpt-career-type-interest .box.blue .title strong { color: #3084FA; }
.cpt-career-type-interest .box.blue .list > li { border-color: #3084FA; color: #3084FA; }

.cpt-career-type-interest .box.orange { border-color: #F97F58; z-index: 1; }
.cpt-career-type-interest .box.orange .title strong { color: #F97F58; }
.cpt-career-type-interest .box.orange .list > li { border-color: #F97F58; color: #F97F58; }


.cpt-job-info-high-recommend { border-radius: 10px; border: 1px solid #d5d5d5; }
.cpt-job-info-high-recommend .top-box { border-bottom: 1px solid #d5d5d5; padding: 20px 20px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.cpt-job-info-high-recommend .top-box .icon-b { background-color: #F4F4F4; width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.cpt-job-info-high-recommend .top-box .number { font-size: 70px; font-weight: 700; color: #18A0FB; line-height: 1.2; }
.cpt-job-info-high-recommend .top-box .tit b { font-size: 40px; font-weight: 500; color: #111; margin-right: 5px; margin-bottom: 5px; }
.cpt-job-info-high-recommend .top-box .tit span { font-size: 18px; font-weight: 500; color: #2D87DD; }
.cpt-job-info-high-recommend .top-box .sub { font-size: 15px; font-weight: 500; }
.cpt-job-info-high-recommend .top-box .sub b { color: #2D87DD; margin-right: 5px; }
.cpt-job-info-high-recommend .cont-box { padding: 20px 20px; }
.cpt-job-info-high-recommend .cont-box .name { margin: 35px 0 8px; font-size: 17px; font-weight: 600; color: #2D87DD; }
.cpt-job-info-high-recommend .cont-box .name:first-of-type { margin-top: 0; }


.cpt-job-H-interest-list { border-top: 1px solid #d5d5d5; }
.cpt-job-H-interest-list > li { border-bottom: 1px solid #d5d5d5; display: flex; align-items: center; flex-wrap: wrap; padding: 20px 0; }
.cpt-job-H-interest-list > li .icon-b { flex: 1 0 100%; padding: 0 10px; display: flex; align-items: center; gap: 15px; }
.cpt-job-H-interest-list > li .icon-b .icons img { max-width: 50px; }
.cpt-job-H-interest-list > li .icon-b .name { font-size: 20px; font-weight: 500; color: #111; }
.cpt-job-H-interest-list > li .icon-b .name b { font-size: 28px; font-weight: 600; color: #1d1d1d; margin-right: 5px; }
.cpt-job-H-interest-list > li .ability-b { flex: 0 1 100%; padding: 0 10px; text-align: left; font-size: 16px; line-height: 1.7; margin: 10px 0 0; }
.cpt-job-H-interest-list > li .ability-b br { display: inline-block; }
.cpt-job-H-interest-list > li .bar-g-b { flex: 1 0 100%; min-width: 0; padding: 0 10px; }


.cpt-career-interest-matching-box { display: flex; flex-wrap: wrap; border-radius: 10px; border: 1px solid #d5d5d5; padding: 30px 25px; align-items: center; }
.cpt-career-interest-matching-box .collect { width: 100%; flex-shrink: 0; text-align: center; display: flex; flex-direction: column; margin-bottom: 25px; }
.cpt-career-interest-matching-box .collect span { font-size: 15px; color: #333; }
.cpt-career-interest-matching-box .collect strong { font-size: 25px; color: #246beb; font-weight: 700; }
.cpt-career-interest-matching-box .text-b { flex: 1 0 100%; }
.cpt-career-interest-matching-box .text-b .bold { font-size: 20px; font-weight: 500; color: #111; margin-bottom: 13px; word-break: break-all; }
.cpt-career-interest-matching-box .text-b .bold b { color: #269BED; }
.cpt-career-interest-matching-box .text-b .desc { font-size: 16px; line-height: 1.5; color: #666; word-break: break-all; }


.cpt-career-activities-box { border-radius: 10px; border: 1px solid #d5d5d5; padding: 30px 25px; }
.cpt-career-activities-box .tit { font-size: 20px; font-weight: 500; color: #111; margin-bottom: 25px; word-break: break-all; }
.cpt-career-activities-box .tit b { color: #269BED; }
.cpt-career-activities-box .alt-blue-bullet { color: #2D87DD; font-size: 15px; line-height: 1.5; text-indent: -15px; margin-left: 20px; margin-top: 25px; word-break: break-all; }

.cpt-check-list > li { margin-top: 12px; font-size: 16px; color: #333; padding-left: 20px; position: relative; word-break: break-all; }
.cpt-check-list > li::before { content: ""; width: 12px; height: 12px; position: absolute; left: 0; top: 6px; background: url('/cloud/m/img/sub/ic_cpt_check_circle_bullet_1-d4b3fcc7322ad5e21fedfb18e64155d1.png') no-repeat center center / 100%; }
.cpt-check-list > li:first-of-type { margin-top: 0; }


.test-result-ex .com-table.com-table-in-line thead th,
.test-result-ex .com-table.com-table-in-line tbody td { border:1px solid #ddd }
.test-result-ex .com-table.com-table-in-line tbody th { font-weight: 600; color:#323232; background:#F9FBFF; border:1px solid #ddd }
.test-result-ex .com-table.com-table-in-line thead th,
.test-result-ex .com-table.com-table-in-line tbody td { border-left:1px solid #ddd; }
.test-result-ex .com-table.com-table-in-line tbody th { font-weight: 600; color:#323232; background:#F9FBFF }
.test-result-ex .com-table.com-table-in-line tbody td.td-left { text-align: left; }
.test-result-ex .com-table.com-table-in-line tbody td.td-crnt { background-color:#edf0ff; }

.cpt-result-tech-gray-box { padding: 20px; background-color: #F3F3F3; border: 1px solid #D5D5D5; display: flex; flex-wrap: wrap; align-items: center; gap: 15px 17px; border-radius: 10px; margin-bottom: 30px; }
.cpt-result-tech-gray-box .row { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.cpt-result-tech-gray-box .row .cate { display: inline-flex; align-items: center; justify-content: center; text-align: center; background-color: black; width: 32px; height: 32px; border-radius: 50%; color: white; font-size: 17px; font-weight: 600; }
.cpt-result-tech-gray-box .row .cate.navy { background-color: #294A7F; }
.cpt-result-tech-gray-box .row .cate.blue { background-color: #246BEB; }
.cpt-result-tech-gray-box .row .cate.orange { background-color: #F98059; }
.cpt-result-tech-gray-box .row .cate.brown { background-color: #D4792B; }
.cpt-result-tech-gray-box .row .cate.gray { background-color: #888888; }
.cpt-result-tech-gray-box .row .txt { font-size: 16px; font-weight: 500; color: #111; }


.cpt-result-tech-graph-gray { background-color: #FCFCFC; border: 1px solid #D5D5D5; border-radius: 10px; padding: 20px 10px; margin-bottom: 30px; text-align: center; }
.cpt-result-tech-graph-gray img { max-width: 100%; display: inline-block; }


.cpt-result-tech-suitable-box { border-radius: 12px; border: 2px solid #246BEB; padding: 5px 15px; }
.cpt-result-tech-suitable-box dl { border-bottom: 1px dotted #ddd; display: flex; align-items: center; padding: 15px 5px; }
.cpt-result-tech-suitable-box dl dt { flex-shrink: 0; min-width: 80px; margin-right: 10px; font-size: 18px; font-weight: 700; color: #246BEB; }
.cpt-result-tech-suitable-box dl dd { font-size: 17px; line-height: 1.7; color: #333; }
.cpt-result-tech-suitable-box dl:first-of-type dt { color: #294A7F; }
.cpt-result-tech-suitable-box dl:last-of-type { border-bottom: none; }



.cpt-result-blue-title-box { margin: 30px 0 30px; background-color: #F5FAFE; border: 1px solid #BED9EE; border-radius: 10px; padding: 18px 20px; }
.cpt-result-blue-title-box p { font-size: 17px; font-weight: 500; color: #1d1d1d; word-break: break-all; }


.cpt-result-job-meaning-list { }
.cpt-result-job-meaning-list > li { margin-bottom: 20px; border: 1px solid #d5d5d5; overflow: clip; border-radius: 10px; }
.cpt-result-job-meaning-list > li:last-of-type { margin-bottom: 0; }
.cpt-result-job-meaning-list > li .icon-b { border-bottom: 1px solid #d5d5d5; padding: 20px 10px; text-align: center; }
.cpt-result-job-meaning-list > li .icon-b img { display: inline-block; }
.cpt-result-job-meaning-list > li .icon-b .sbj { font-size: 18px; font-weight: 500; color: black; margin: 3px 0 0; }
.cpt-result-job-meaning-list > li .info-b dl { border-bottom: 1px solid #ddd; display: flex; }
.cpt-result-job-meaning-list > li .info-b dl:last-of-type { border-bottom: none; }
.cpt-result-job-meaning-list > li .info-b dl dt { background-color: #F9FBFF; align-content: center; text-align: center; min-width: 100px; padding: 15px 10px; font-size: 17px; font-weight: 500; border-right: 1px solid #d5d5d5; }
.cpt-result-job-meaning-list > li .info-b dl dd { padding: 15px 10px; text-transform: left; font-size: 16px; line-height: 1.6; word-break: break-all; }

.cpt-t-alt { text-align: right; color: #E24231; font-size: 14px; word-break: break-all; }



.cpt-result-active-pro-list > li { margin-bottom: 10px; display: flex; align-items: center; padding: 10px 12px; border-radius: 10px; border: 1px solid #99B0CB; }
.cpt-result-active-pro-list > li:last-of-type { margin-bottom: 0; }
.cpt-result-active-pro-list > li .icon-b { width: 40px; flex-shrink: 0; margin-right: 10px; }
.cpt-result-active-pro-list > li .text { font-size: 16px; font-weight: 500; color: black; word-break: break-all; }


.cpt-page-common-wrap .com-table-wrap .com-table th .th_num { font-size: 14px; font-weight: 500; text-align: center; width: 22px; height: 22px; line-height: 22px; background-color:#246BEB; color: #fff; display:inline-block; margin-right: 3px; border-radius: 50%; }
.cpt-page-common-wrap .com-table-wrap .com-table td .td_num { font-size: 14px; font-weight: 500; text-align: center; width: 22px; height: 22px; line-height: 22px; color:#246BEB; border: 1px solid #246BEB; display:inline-block; margin-right: 3px; border-radius: 50%; }
.cpt-page-common-wrap .com-table-wrap .com-table td.td-left { text-align: left; }





/* 자주하는 질문 */
.cpt-qna-search-box { padding: 20px; background-color: #F9FBFF; display: flex; gap: 8px; }
.cpt-qna-search-box .text-input { flex: 1; height: 56px; border-radius: 8px; background-color: white; border: 1px solid #246BEB; padding: 0 20px; font-size: 17px; color: #111; }
.cpt-qna-search-box .text-input::placeholder { color: #8E8E8E; }
.cpt-qna-search-box .btn-search { flex-shrink: 0; height: 56px; padding: 0 20px; font-size: 17px; background-color: #EFF5FF; border: 1px solid #246BEB; color: #246BEB; border-radius: 8px; }


.cpt-qna-search-wrap { padding: 15px 20px 20px; }
.cpt-qna-search-wrap .list > li { margin-left: 45px; border-bottom: 1px solid #d9d9d9; }

.cpt-qna-search-wrap .list .a-title { display: block; position: relative; min-height: 70px; padding: 20px 40px 20px 0; font-size: 17px; line-height: 1.6; color: #3C3C3C; word-break: break-all; font-weight: 500; }
.cpt-qna-search-wrap .list .a-title::before { content: "Q"; position: absolute; left: -45px; top: 21px; width: 32px; height: 32px; background-color: white; border-radius: 50%; text-align: center; align-content: center; border: 1px solid #b4c4d6; font-size: 17px; font-weight: 600; color: #246beb; }
.cpt-qna-search-wrap .list .a-title::after { content: ""; position: absolute; right: 4px; top: calc(50% - 10px); width: 14px; height: 14px; background-image: url('/cloud/m/img/common/icon_angle_down-0213b2cf8f925283505fb8cacfded4fa.svg'); background-size: 100%; background-repeat: no-repeat; background-position: center center; transition: .25s; }
.cpt-qna-search-wrap .list .a-title.active::after { transform: rotate(180deg); }

.cpt-qna-search-wrap .list .contents { display:none; position: relative; }
.cpt-qna-search-wrap .list .contents::before { content: "A"; position: absolute; left: -45px; top: 5px; width: 32px; height: 32px; background-color: #246BEB; border-radius: 50%; text-align: center; align-content: center; font-size: 17px; font-weight: 600; color: white; }
.cpt-qna-search-wrap .list .contents .pd-box { margin-bottom: 20px; background-color: #F8F8F8; border-radius: 12px; padding: 20px 15px; word-break: break-all; font-size: 16px; font-weight: 400; color: #3c3c3c; line-height: 1.6; }






/* 나의 진로 심리검사 결과표 */
.cpt-mca-rst-main-box { display: flex; flex-direction: column; gap:40px 0; }
.cpt-mca-devel-cont { padding: 20px; }
.cpt-mca-devel-cont.overflow { padding: 0px; overflow: auto; }
.cpt-mca-devel-cont .cpt-mca-devel-item { display: flex; flex-wrap: wrap; justify-content: space-between; gap:5px; min-width: 500px; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area { position: relative; width: calc(50% - 2.5px); padding: 50px; background:#F0F8FF; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area { position: relative; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-01::after { content: ''; display: block; position: absolute; z-index: 1; right: -11px; bottom: 0; width: 68px; height: 57px; background: url(/cloud/m/img/sub/mca_puzzle_blue-f7ce4efb7e3e2cf24374e7c06b9c0116.svg) no-repeat; background-size: 100%; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-02::after { content: ''; display: block; position: absolute; z-index: 1; left: 0; bottom: -11px; width: 57px; height: 68px; background: url(/cloud/m/img/sub/mca_puzzle_blue_02-18b2aab917308a5324e070caa6a80709.svg) no-repeat; background-size: 100%; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-03::after { content: ''; display: block; position: absolute; z-index: 1; right: 0px; top: -10px; width: 56px; height: 66px; background: url(/cloud/m/img/sub/mca_puzzle_red-810fb0dca008167e25f6a31d1665b0bf.svg) no-repeat; background-size: 100%; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-04::after { content: ''; display: block; position: absolute; z-index: 1; left: -10px; top: 0px; width: 67px; height: 57px; background: url(/cloud/m/img/sub/mca_puzzle_blue_03-6fe8f42fb77f383ff748a9a73b3f43e7.svg) no-repeat; background-size: 100%; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-01 { border-radius: 40px 0 0; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-02 { border-radius: 0 40px 0 0; text-align: right; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-03 { border-radius: 0 0 0 40px; background:#FFE9E7; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-03 .com-conts-title strong { display: flex; gap:0 5px; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-04 { border-radius: 0 0 40px 0; text-align: right; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-02 .info-list,
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-04 .info-list { justify-content: flex-end; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area .cpt-mca-puz { position: absolute; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-01 .cpt-mca-puz { right:-33px; bottom:0; z-index: 4; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-02 .cpt-mca-puz { left:0; bottom: -33px; z-index: 3; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-03 .cpt-mca-puz { right:-0; top: -33px; z-index: 1; }
.cpt-mca-devel-cont .cpt-mca-devel-item .com-conts-area.type-04 .cpt-mca-puz { left:-33px; top:0; z-index: 1; }
.cpt-mca-devel-cont .cpt-mca-devel-item ul li { color:#222; font-size: 15px; }
.cpt-mca-devel-cont .cpt-mca-devel-item ul li::before { margin-top:12px; }
.cpt-mca-mbr-prf-type-01 { position: relative; padding-left: 100px; gap:5px 0; }
.cpt-mca-mbr-prf-type-01 .mbr-icon { position: absolute; left: 0; }
.cpt-mca-list-level li { display: flex; flex-direction: column; gap:5px 0; align-items: center; width: 100%; border-radius: 12px; padding: 40px 20px; background:var(--career--white); border:1px solid #DEDEDE; }
.cpt-mca-list-level li strong { font-size: 20px; font-weight: 600; color:var(--career--black); }
.cpt-mca-tb-cols { display: flex; justify-content: space-between; flex-wrap: wrap; }
.cpt-mca-tb-cols > * { width: 100%; }

/* 나의 진로 심리검사 현황 */
.cpt-mca-rd-box-gray { background: var(--career--gray-5); border-radius: 12px; border: 1px solid #C6C6C6; padding:30px 20px; margin-bottom: 50px; }
.cpt-mca-infogra-box { display: flex; flex-direction: column; gap:30px 0; margin: 40px 0; }
.cpt-mca-infogra-tit { display: flex; justify-content: space-between; align-items: center; }

.cpt-mca-state-cont { display: flex; justify-content: space-between; gap: 0 20px; }
.cpt-mca-tit-his { text-align: center; font-size: 18px; font-weight: 500; color:#444; margin-bottom:30px; }
.cpt-mca-state-ing { display: flex; flex-direction: column; gap:20px 0; width:350px; border-radius: 12px; background:var(--career--white); }
.cpt-mca-state-ing strong { display: block; text-align: center; padding:15px 20px; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: 600; }
.cpt-mca-state-ing .com-no-result { gap: 20px; padding:20px 0; }
.cpt-mca-test-his { width: 100%; border-radius: 12px; background:var(--career--white); padding: 40px 20px; }
.cpt-mca-test-his .cpt-mca-test-his-head { display: flex; justify-content: space-between; padding: 10px 0; }
.cpt-mca-test-his .cpt-mca-test-his-head a { display:inline-flex; align-items: center; font-weight: 500; }
.cpt-mca-test-his .com-table { background:var(--career--white); }

/* 나의 스크랩 */
.cpt-mca-page-info + .com-table-wrap { margin-top: 40px; }

/* 아로플러스 결과 */
.cpt-mca-rst-desc p { font-size: 18px; font-weight: 500; color: #444; }
.cpt-mca-cont-rd-box { position: relative; border-radius: 8px; padding: 25px 25px 25px 50px; border:1px solid #DDD; background:var(--career--white); margin-top: 20px; }
.cpt-mca-cont-rd-box .icon { position: absolute; left:25px; top:27px; display: block; width: 16px; height: 16px; border-radius: 50%; background:url("/cloud/m/img/common/icon_info_fill-faa540a703ed0b86d54cb824f360a32d.svg") no-repeat center center; }
.cpt-mca-rd-row-gray { display: flex; justify-content: space-between; align-items: center; background:var(--career--gray-5); border-radius: 12px; border:1px solid #C6C6C6; padding: 40px; }
.cpt-mca-rd-row-gray .cpt-mca-rd-row { display: flex; gap:0 20px; }
.cpt-mca-rd-row-gray .cpt-mca-rd-row-cont { position: relative; padding-left:10px; font-size: 18px; }
.cpt-mca-rd-row-gray .cpt-mca-rd-row-cont strong { font-weight: 700; color:#003675; }
.cpt-mca-rd-row-gray .cpt-mca-rd-row-cont strong:before { content: ""; position: absolute; left: 0; top:13px; width:4px; height: 4px; border-radius: 50%; background:#003675; }



/* 검사 이용 가이드 */
.cpt-mca-job-test .test-use-guide .com-conts-title { margin-top: 80px }
.cpt-mca-job-test .test-use-guide .com-page-title .title-box { justify-content: flex-end; margin-top: 10px; margin-bottom: 30px }
.cpt-mca-job-test .test-use-guide .com-page-title .title-box .com-util-txt-sm { display: inline-block; margin-left: 5px; font-weight:400; }
.cpt-mca-job-test .test-use-guide .guide-video-area { margin-top: 25px }
.cpt-mca-job-test .test-use-guide .txt-history { padding: 20px; }
.cpt-mca-job-test .test-use-guide .txt-history span { display: block; }
.cpt-mca-job-test .test-use-guide .com-btn-foot { border-top:1px solid #D9D9D9; padding-top:25px }

.cpt-mca-tit-25-500 { font-size: var(--title-m-700); font-weight: 700; }
.cpt-mca-tit-22-700 { font-size: 17px; font-weight: 700; }
.cpt-mca-txt-15-400 { font-size: var(--body-s-400); font-weight: 400; }
.cpt-mca-txt-32-700 { font-size: 32px; font-weight: 700; }
.cpt-mca-txt-18-500 { font-size: 18px; font-weight: 500; }
.cpt-mca-flex-row { display: flex; align-items: center; gap:0 5px; }
.cpt-mca-inline { display: inline-block; vertical-align: middle; }
.cpt-mca-inline + strong { vertical-align: middle }
.cpt-mca-rd-box { display: flex; flex-direction: column; gap:30px 0; border-radius: 12px; border:1px solid #C6C6C6; padding: 20px; margin-top:40px; background:var(--career--white) }
.cpt-mca-rd-box .cpt-mca-btns-box { display: flex; gap:16px }
.cpt-mca-rd-box .cpt-mca-btns-box button { width: 100% }
.cpt-mca-btns-box-02 { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; }
.cpt-mca-radio-chk { text-align: center; }
.cpt-mca-radio-chk:focus-within label { outline: 2px solid var(--career--secondary-50); }
.cpt-mca-radio-chk label { width: 100%; height: 100%; background-color: #fff; display: inline-flex; justify-content: center; align-items: center; gap: 4px; }
.cpt-mca-radio-chk input { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.cpt-mca-radio-chk label { min-height: 70px; padding: 10px; color: #1D1D1D; font-size: 17px; border: 1px solid #C6C6C6; border-radius: 8px; font-weight: 500; }
.cpt-mca-radio-chk label:hover { background-color: #f4f5f6; }
.cpt-mca-radio-chk input:checked + label { background-color: var(--career--primary-50); color: #fff; }
.cpt-mca-radio-chk:focus-within label { outline: 2px dotted var(--career--point); outline-offset: 2px; }
.cpt-mca-rd-box .hidden-box { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-top: 12px; padding: 20px 0 }
.cpt-mca-page-info { padding: 24px 26px; background-color: #EDF1F5; border-radius: 8px; font-size: var(--body-m-700); font-weight: 500; margin-top: 40px; }
.cpt-mca-warn-box { display: flex; align-items: center; width: 100%; font-size: var(--body-m-700); font-weight: 400; margin-top: 20px }
.cpt-mca-tip-txt { font-size: var(--body-m-700); color: #E72727; }
.cpt-mca-prf .com-tab + .com-conts-title { margin-top: 60px; }
.cpt-mca-col-flex { display: flex; justify-content: space-between; gap:0 20px; }
.cpt-mca-col-flex > div { width: 100%; }
.cpt-mca-col-flex select { width:100%; }
.cpt-mca-srch-box { background: var(--career--gray-5); padding: 40px; border-radius: 12px; margin-top: 40px }
.cpt-mca-prf .com-board-hd { margin-top: 40px; }
.cpt-mca-prf .com-chartbox-contents { gap: 16px; padding: 40px; }
.cpt-mca-prf .com-chartbox-contents .chart { width: 1102px; height: 362px; max-height: 362px; margin: 0 auto; }
.cpt-mca-prf .com-chartbox-contents .chart_legend,
.cpt-mca-prf .com-chartbox-contents #chart_legend1,
.cpt-mca-prf .com-chartbox-contents #chart_legend2 { margin-top: 0; }
.cpt-mca-tit-dot-descr { display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 600; color:#444; margin-left: 10px; }
.cpt-mca-tit-dot-descr:before { content: ""; display: inline-block; vertical-align: middle; width: 4px; height: 4px; background:#ccc; border-radius: 50%; margin-right: 10px; }
.cpt-mca-txt-color-blue { color:#18A0FB }
.cpt-mca-txt-color-blue-02 { color:#0487D0 }
.cpt-mca-txt-color-orange { color:#D4792B }
.cpt-mca-txt-color-red { color:#f65742 }
.cpt-mca-bg-blue { background:#EDF8FF !important }
.cpt-mca-bg-blue2 { background:#EDF1F5 !important }
.cpt-mca-bg-gray { background:var(--career--gray-5) !important }
.cpt-mca-bg-orange { background:#FFECE5 !important }
.cpt-mca-txt-underline { text-decoration: underline; }
.cpt-mca-txt-center { text-align: center; }
.cpt-mca-txt-center > img { display: inline }
.cpt-mca-sel-type-01 { display: flex; align-items: center; justify-content: center; gap:0 10px }
.cpt-mca-sel-type-01.com-select-box.type-01 .label-txt { margin-bottom: 0 !important; font-size: 16px; font-weight: 500; color:var(--career--black); }
.cpt-mca-row-eval { display: flex; gap:0 10px; justify-content: center; font-size: 16px; font-weight: 700; color:#30549E }
.cpt-mca-tit-cir { position: relative; padding-left: 20px; }
.cpt-mca-tit-cir:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #ff0000; position: absolute; top: 8.5px; left: 0; }
.cpt-mca-list-row ul li { flex-direction: row; align-content: center }
.cpt-mca-list-row ul li img { margin-bottom: 0 }


.cpt-qna-list-wrap .com-mob-qna-02 .question-box .title { font-size: var(--body-m-400); }
.cpt-qna-list-wrap .com-mob-qna-02 .answer-box { background: #f8f8f8; }


.cpt-job-detail-wrap { padding: 12px; border: 1px solid var(--career--gray-40); border-radius: 12px; }
.cpt-job-detail-wrap strong { font-size: 16px; }
.cpt-job-detail-wrap span { color: var(--career--point); }
.cpt-job-detail-wrap p { font-size: var(--body-s-400); margin-bottom: 12px; }

.cpt-mca-tit-cont-sm { text-align: left; }



/************************* 진로상담 **************************/

/* 공통, cc- */

.cc-txt-01 { font-size: 19px; font-weight: 600; color: #3a3a3a; }
.cc-txt-02 { font-weight: 700; font-size: 19px; color: #3A3A3A; position: relative; padding-left: 20px; }
.cc-txt-02::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: #246BEB; position: absolute; top: 9px; left: 0; }
.cc-txt-03 { padding: 16px 24px; display: flex; align-items: flex-start; gap: 12px; font-weight: 500; color: #246BEB; font-size: 17px; background-color: #F9FBFF; border-radius: 8px; }
.cc-txt-03::before { content: ""; flex-shrink: 0; width: 18px; height: 22px; background: url(/cloud/m/img/common/icon_mob_alarm-c9442ad0bf401e6100e0dd86407b6974.svg) no-repeat; }
.cc-txt-04 { font-size: 18px; color: #3a3a3a; border-radius: 8px; background-color: #F9FBFF; padding: 25px 20px; }
.cc-txt-04 p { position: relative; padding-left: 20px; }
.cc-txt-04 p::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #246BEB; position: absolute; top: 9px; left: 0; }



.cc-apply-01 { padding: 25px 20px; display: flex; flex-direction: column; gap: 20px; }
.cc-apply-01 .com-text-input.lg input { font-size: 17px; }
.cc-apply-01 .com-select-box.lg select { font-size: 17px; }

.cc-w-100-p { width: 100%; }

.cc-radchk-box-01 { display: flex; gap: 8px; }
.cc-radchk-01 { width: 100%; }
.cc-radchk-01 label { width: 100%; min-height: 52px; height: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 10px; border-radius: 8px; border: 1px solid #C6C6C6; }
.cc-radchk-01 input:checked + label { border-color: #246BEB; background-color: #EFF5FF; color: #1D56BC; }
.cc-radchk-01 input:checked + label::before { content: ""; flex-shrink: 0; width: 14px; height: 14px; background: url(/cloud/m/img/common/icon_check-e78a12a15b55b8114c8d0bea961ce64e.svg) no-repeat; }

.cc-age-residence { display: flex; align-items: center; gap: 10px; }
.cc-age-residence :is(input,select) { width: 100%; }
.cc-age-residence .txt { font-size: 15px; color: #8E8E8E; }
.cc-age-residence .age-box { flex-shrink: 0; width: 87px; }
.cc-age-residence .residence-box { width: 100%; }

.cc-email { display: flex; align-items: center; gap: 10px; }
.cc-email .email-front-box { width: 100%; position: relative; }
.cc-email .email-front-box input { width: 100%; padding-right: 46px; }
.cc-email .email-front-box .txt-at { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 17px; }
.cc-email .email-back-box { width: 100%; }
.cc-email .email-back-box select { width: 100%; }

.cc-input-box-01 { }
.cc-input-box-01 :is(input,select) { width: 100%; }
.cc-input-box-01 .desc { padding: 10px; color: #FF0000; font-size: 15px; word-break: break-all; }
.cc-input-box-01 .com-select-box + .com-text-input{margin-top: 10px;}
.cc-input-box-01 .com-select-box + .com-select-box{margin-top: 10px;}
.cc-input-box-02 > .cc-txt-01 { margin-bottom: 12px; }

.cc-text-cnt-box { font-size: 15px; color: #555; margin-top: 5px; text-align: right; }
.cc-text-cnt-box .cur-num { color: #246BEB; }

.cc-textarea-box { }
.cc-textarea-box > .hd-box { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 12px; }
.cc-textarea-box > .hd-box .label-txt { font-size: var(--label-l-700); font-weight: 700; color: var(--career--primary-90); }
.cc-textarea-box > .hd-box button { flex-shrink: 0; }
.cc-textarea-box textarea { width: 100%; height: 335px; padding: 16px; border: 1px solid var(--career--gray-60); border-radius: 8px; font-size: 17px; }

.cc-tel-box { display: flex; align-items: center; gap: 4px; }
.cc-tel-box .dash-txt { font-size: 15px; color: #000; }
.cc-tel-box .com-select-box { width: 100%; }
.cc-tel-box .com-select-box select { width: 100%; }
.cc-tel-box .com-text-input { width: 100%; }
.cc-tel-box .com-text-input input { width: 100%; }

.cc-btn-box-01 { display: flex; justify-content: center; align-items: center; gap: 12px; }
.cc-btn-box-01 .com-btn.type-01.md { min-height: 44px; font-size: 15px; }
.cc-btn-box-02 { padding: 20px 0; display: flex; justify-content: center; align-items: center; gap: 10px; }
.cc-btn-box-02 button { width: 100%; }
.cc-btn-box-03 { padding: 20px; }
.cc-btn-box-04 { padding: 20px; padding-top: 32px; }

.cc-box-01 { padding: 20px; display: flex; flex-direction: column; gap: 20px; }

.cc-apply-complete { padding: 60px 20px 0; text-align: center; }
.cc-apply-complete .chk-img { margin: 0 auto; }
.cc-apply-complete .txt-01 { font-weight: 500; font-size: 26px; color: #2C2C2C; margin-top: 20px; }
.cc-apply-complete .txt-01 span { color: #246BEB; }
.cc-apply-complete .txt-02 { color: #1d1d1d; font-size: 17px; margin-top: 8px; }
.cc-apply-complete .txt-list-01 { padding: 24px 20px; padding-left: 24px; border-radius: 8px; background-color: #EFF5FF; font-size: 15px; color: #1d1d1d; text-align: left; margin-top: 20px; }
.cc-apply-complete .txt-list-01 li { position: relative; padding-left: 12px; }
.cc-apply-complete .txt-list-01 li + li { margin-top: 5px; }
.cc-apply-complete .txt-list-01 li::before { content: ""; width: 3px; height: 3px; background-color: #1d1d1d; border-radius: 50%; position: absolute; top: 9px; left: 0; }

.cc-solution-detail-box { padding: 0 20px; }
.cc-solution-detail-box .detail-hd { border-bottom: 1px solid #D9D9D9; padding: 20px 0; }
.cc-solution-detail-box .detail-hd .hd-box-01 { display: flex; align-items: center; gap: 20px; justify-content: space-between; }
.cc-solution-detail-box .detail-hd .hd-box-01 .title { font-size: 19px; font-weight: 800; color: #3A3A3A; }
.cc-solution-detail-box .detail-hd .hd-box-01 .title .year{color:#888;}
.cc-solution-detail-box .detail-hd .hd-box-01 .date { flex-shrink: 0; display: flex; align-items: center; gap: 4px; font-size: 15px; color: #1d1d1d; }
.cc-solution-detail-box .detail-hd .hd-box-01 .date::before { content: ""; flex-shrink: 0; width: 16px; height: 16px; background: url(/cloud/m/img/common/icon_mob_clock-3faba60bcdc5ff1a8643822c96ce6123.svg) no-repeat; }
.cc-solution-detail-box .detail-hd .hd-box-02 { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; }
.cc-solution-detail-box .detail-hd .hd-box-02 .info-list { display: flex; align-items: center; font-size: 15px; color: #1d1d1d; gap: 16px; }
.cc-solution-detail-box .detail-hd .hd-box-02 .info-list > li { display: flex; align-items: center; gap: 4px; }
.cc-solution-detail-box .detail-hd .hd-box-02 .info-list .view::before { content: ""; flex-shrink: 0; width: 18px; height: 12px; background: url(/cloud/m/img/common/icon_mob_view-6f51d3e33776b0854499589f7b213496.svg) no-repeat; }
.cc-solution-detail-box .detail-hd .hd-box-02 .info-list .download::before { content: ""; flex-shrink: 0; width: 20px; height: 20px; background: url(/cloud/m/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) no-repeat; }
.cc-solution-detail-box .detail-hd .hd-box-02 .btn-download { min-width: 130px; height: 36px; display: flex; justify-content: center; align-items: center; padding: 5px 10px; background-color: #fff; border: 1px solid #246BEB; border-radius: 4px; color: #1D56BC; font-size: 17px; gap: 4px; }
.cc-solution-detail-box .detail-hd .hd-box-02 .btn-download::before { content: ""; flex-shrink: 0; width: 17px; height: 16px; background: url(/cloud/m/img/common/icon_mob_download_blue-43293835ad275807d4dd2e6b1bc6d755.svg) no-repeat; }



.cc-solution-detail-box .detail-body { margin: 20px 0; position: relative; }
.cc-solution-detail-box .detail-body .main-img { margin: 0 auto; width: 100%; display: block; }
.cc-solution-detail-box .detail-body .btn-expand { position: absolute; top: 10px; right: 10px; display: block; background:rgba(0,0,0,.3); padding: 5px; width: 50px; height: 50px; }








/************************* 직업정보 **************************/

/* 공통, ji- */
.ji-test { }


/* 직업백과 - 목록 */
.ji-srch-box-01 .com-radio input[type="radio"] + label { font-size: var(--body-s-400); }

.ji-btn-wrap-01 { padding: 24px 20px; }
.ji-btn-wrap-01 button { width: 100%; display: flex; align-items: center; justify-content: center; gap: 12px; }

/* 직업백과 - 상세 */
.ji-detail-wrap .hd { padding: 20px; }
.ji-detail-wrap .util-list { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 16px; }
/* .ji-detail-wrap .util-list li:first-of-type { margin-right: auto; } */
.ji-detail-wrap .util-list li button { display: flex; align-items: center; gap: 4px; font-weight: 500; }
.ji-detail-wrap .tail-item-list { display: flex; align-items: center; justify-content: flex-end; gap: 20px; padding: 10px 20px; border-bottom: 1px solid var(--career--gray-40); }
.ji-detail-wrap .tail-item-list div { display: flex; align-items: center; gap: 4px; }
.ji-detail-wrap .btn-wrap { padding: 0 20px; padding-bottom: 80px; }
.ji-detail-wrap .btn-wrap button { width: 100%; }
.ji-detail-wrap .com-card .con-box .title { font-size: var(--title-m-700); }
.ji-detail-wrap .com-card:hover { border: 1px solid var(--career--gray-40); }
.ji-detail-wrap .com-card:hover .con-box .title { color: #1d1d1d; }
.ji-detail-wrap .com-card.type-02:hover .terms-list { border-top: 1px solid var(--career--gray-40); }
.ji-detail-wrap .com-card.type-02:hover .terms-list li span { background: var(--career--primary-5); color: #1d1d1d; }

.ji-anchor-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 20px; position: sticky; top: 0; left: 0; background-color: #fff; z-index: 9; }
.ji-anchor-list li { }
.ji-anchor-list a { display: block; padding: 12px 16px; transition: none; color: #888; text-align: center; border-radius: 8px; border: 1px solid var(--career--gray-40); }
.ji-anchor-list a:not(.active):hover { text-decoration: underline; text-underline-position: under; }
.ji-anchor-list a.active { color: #1D56BC; font-weight: 600; border: 1px solid #246BEB; background: #EFF5FF; }
.ji-anchor-list a.active::before { content: ''; display: inline-block; margin-right: 12px; width: 12px; height: 12px; background: url(/cloud/m/img/common/icon_check-e78a12a15b55b8114c8d0bea961ce64e.svg) no-repeat center; background-size: contain; }
.ji-anchor-list.active { width: 100%; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 480px){
 .ji-anchor-list a { font-size: var(--body-s-400); }
 .ji-detail-wrap .com-card.text { padding: 24px 8px; }
 .ji-detail-wrap .com-card .terms-list li p { letter-spacing: -2.0px; }
 .ji-detail-wrap .com-card .terms-list li span { font-size: 13px; letter-spacing: -2.2px; }
}

@media screen and (max-width: 420px){
 .com-card.text { padding: 18px; }
 .com-card .terms-list li { padding: 8px; }
 .com-card .terms-list li span { font-size: 14px; }
}

@media screen and (max-width: 340px){
 .com-card.text { padding: 18px; }
 .com-card .terms-list { flex-direction: column; padding-top: 0; }
 .com-card .terms-list li { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 8px; }
 .com-card .terms-list li span { margin-top: 0px; width: 50%; }
 .com-card .terms-list li:nth-of-type(2) { border: 0; border-top: 1px solid var(--career--gray-30); border-bottom: 1px solid var(--career--gray-30); }
}

.ji-conts-box { display: flex; flex-direction: column; gap: 24px; padding: 40px 20px; margin-bottom: 40px; }
.ji-conts-box .com-conts-area { padding: 0; }
.ji-conts-box .com-conts-title.sm { font-weight: 600; font-size: 19px; }
/* .ji-conts-box .com-conts-title.sm:not(.ji-tl-red) { color: #246BEB; } */
.ji-conts-box .com-conts-title.title { color: #3C3C3C !important; font-weight: bold; }
.ji-conts-box .com-conts-title.sm.ji-tl-red { font-size: 17px; text-indent: 0; padding-left: 18px;}
.ji-conts-box .com-conts-title.sm.ji-tl-red::before { content: ''; flex-shrink: 0; display: inline-block; width: 6px; height: 7px; background: url(/cloud/m/img/common/icon_bullet_sm-4a863c478c9ca279ded4979ec167105c.svg) no-repeat center; background-size: cover;transform: translateY(-1px); }
.ji-conts-box .com-conts-title.sm.ji-tl-red + div {margin-top: 8px;}
.ji-conts-box .com-conts-title.sm.ji-tl-red + p {margin-top: 8px;}
.ji-conts-box .com-conts-title.sm + .ji-ability-list {margin-top: 8px;}
.ji-conts-box .com-conts-title.sm + .info-list {margin-top: 8px;}
.ji-conts-box .com-conts-area .info-list + .com-conts-title {margin-top: 24px;}
.ji-conts-box .source { font-size: var(--body-s-400); color: var(--career--gray-70); text-align: center; }
.ji-conts-box .site-link li a { text-decoration: underline; }
.ji-conts-box .link-list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-left: 18px;}
.ji-conts-box .com-chartbox-contents { margin-top: 20px; }
.com-conts-title.sm + .com-chartbox-contents,
.ji-conts-box .com-chartbox-contents + .com-chartbox-contents {margin-top:20px;}
.ji-conts-box .com-chartbox-contents.h-auto .chart { height: 400px; }
.ji-conts-box .com-conts-area .com-link-bx{display: flex; flex-wrap: wrap; gap: 5px; margin-top: 20px;}
.ji-conts-box .com-conts-area .tab-title{border-top: 1px solid #ACC8F1; border-bottom: 1px solid #ACC8F1; background: #FBFDFF; color: #4580EF; font-size: 19px; font-weight: 600; text-align: center; height: 40px; line-height: 40px; margin-bottom: 36px;}
.ji-conts-box .com-conts-area .com-conts-title.md + div{margin-top: 15px;}

.ji-indicator-box { padding: 24px; display: flex; flex-direction: column; align-items: center; gap: 16px; border: 1px solid var(--career--gray-40); border-radius: 12px; margin-top: 20px;}
.ji-indicator-box > div:first-of-type { border-bottom: 1px solid var(--career--gray-40); padding-bottom: 24px; }
.ji-indicator-box .title { font-size: var(--body-m-700); }
.ji-indicator-box .title span { font-weight: bold; }
.ji-indicator-box .con { font-size: var(--body-m-400); color: var(--career--gray-70); }

.ji-video-link-list { display:flex; gap:15px; flex-wrap:wrap;}
.ji-video-link-list li { width:calc(50% - 8px); }
.ji-video-link-list li a { display: block; width: 100%; height:100%; font-size: 15px; line-height: 1.2; border:1px solid #ddd; overflow:hidden; border-radius:8px;}
.ji-video-link-list li a .img-box {height:calc(100% - 65px); }
.ji-video-link-list li a .img-box img { width: 100%; height: 100%; }
.ji-video-link-list li a p {margin-top:15px; padding:0px 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ji-video-link-list li a span {width: 30ch; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block;}

.ji-ability-list { border: 1px solid var(--career--gray-40); border-radius: 12px; margin-top: 20px;}
.ji-ability-list > li { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 24px 16px; width: 100%; }
.ji-ability-list > li:not(:last-of-type) { border-bottom: 1px solid var(--career--gray-40); }
.ji-ability-list .stat-box { display: flex; align-items: center; gap: 16px; }
.ji-ability-list .stat-box li::before {content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #1d1d1d; margin-bottom: 3px; margin-right: 8px; }
.ji-ability-list .stat-box li::before {display:none;}
.ji-ability-list .stat-box li::after {display:inline-block; content:''; width:1px; height:15px; background-color:#ccc; transform:rotate(15deg) translateY(-50%); position:absolute; right:0; top:50%;}
.ji-ability-list .stat-box li:last-of-type::after {display:none;}
.ji-ability-list .stat-box li { font-weight: 600; position: relative; padding-right:12px;}
.ji-ability-list .stat-box li span { color: #246BEB; }
.ji-ability-list p { color: var(--career--gray-70); }
/* 직업백과 - 상세 끝 */




/* 직업백과 아이콘 */
.dic-con-list { margin-top: 16px; }
.dic-con-list .title { font-size: var(--body-s-700); font-weight: 600; display: flex; align-items: center; gap: 8px; }
.dic-con-list .title::before { content: ''; display: block; width: 5px; height: 5px; background: #246BEB; border-radius: 50%; }
.dic-con-list .con { text-indent:0; color: var(--career--gray-70); margin-top: 8px; font-size: var(--body-s-400); }

/* 적성유형별 검색 */
.dic-con-list .tab_con { display: none; margin-bottom: 20px; }
.dic-con-list .tab_con.active { display: inherit; }

.ji-dic-type-list-02 { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; padding-top: 32px; gap: 24px 12px; }
.ji-dic-type-list-02 li a { display: flex; max-width: 70px; flex-direction: column; align-items: center; justify-content: flex-start; gap: 5px; text-align: center; }
.ji-dic-type-list-02 li a span { font-size: 15px; }
.ji-dic-type-list-02 li a::before { content: ''; display: block; width: 65px; height: 65px; border-radius: 50%; background-size: 50px !important; filter: opacity(0.4) grayscale(10); }
.ji-dic-type-list-02 li a.ji-dic-type-icon-1::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type2-01-7c5b2a87b7445f555c8bb71439f3686c.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-2::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type2-02-0eb249392a061204497cb25abd9c830e.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-3::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type2-03-7360bbdebf43e2171552fd50da2471e3.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-4::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type2-04-10e798cfb45857a985ab0504da650cc8.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-5::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type2-05-02fff402fcb695fd460525d0eecb1665.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-6::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type2-06-dd595702d4a175e94086d05fa0ffd787.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-7::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type2-07-b194031dbdb5b08e6f9f75684404b42b.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-8::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type2-08-96056a45639eeb4d7fe3af3791b94796.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-9::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type2-09-c268221d06a06ede907d8af1134f4c7a.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-10::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type2-10-e8c654e48822ed7b147695e65d574909.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-11::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type2-11-9f6ecd4e007cbbdcae0ef661b292d0ab.svg) no-repeat center;}

.ji-dic-type-list-02 li a:hover::before,
.ji-dic-type-list-02 li a:focus::before { border: none; filter: none; }
.ji-dic-type-list-02 li a.ji-dic-type-icon-1:hover::before,
.ji-dic-type-list-02 li a.ji-dic-type-icon-1:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type2-01-w-e90c98f49d69e23f5828597a9e805b11.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-2:hover::before,
.ji-dic-type-list-02 li a.ji-dic-type-icon-2:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type2-02-w-c82832631c83fdd76a457972111c009a.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-3:hover::before,
.ji-dic-type-list-02 li a.ji-dic-type-icon-3:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type2-03-w-ed0e107b47872c8c8d0f2b6b2d5c13cb.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-4:hover::before,
.ji-dic-type-list-02 li a.ji-dic-type-icon-4:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type2-04-w-bed3d23356234c873d550b6dd69310d5.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-5:hover::before,
.ji-dic-type-list-02 li a.ji-dic-type-icon-5:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type2-05-w-e17131e4faece9c059bc76e8df82c18b.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-6:hover::before,
.ji-dic-type-list-02 li a.ji-dic-type-icon-6:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type2-06-w-7173e15a4b364ea12e5ae99f9d7f7dfe.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-7:hover::before,
.ji-dic-type-list-02 li a.ji-dic-type-icon-7:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type2-07-w-96db9e0814bb92628e9831a96bfc49ba.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-8:hover::before,
.ji-dic-type-list-02 li a.ji-dic-type-icon-8:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type2-08-w-7da5adcda4964ea50d3869421533b419.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-9:hover::before,
.ji-dic-type-list-02 li a.ji-dic-type-icon-9:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type2-09-w-73ed5b93fc8e7c4007855d66686cb93b.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-10:hover::before,
.ji-dic-type-list-02 li a.ji-dic-type-icon-10:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type2-10-w-a970d6b8cbcee7af7b468e9255fe18c7.svg) no-repeat center;}
.ji-dic-type-list-02 li a.ji-dic-type-icon-11:hover::before,
.ji-dic-type-list-02 li a.ji-dic-type-icon-11:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type2-11-w-5a06005f77ef86c3f736629c50221137.svg) no-repeat center;}

/* 수정 radio로 */
.ji-dic-type-list-03 { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; padding-top: 32px; gap: 24px 12px;}
.ji-dic-type-list-03 li{position: relative;}
.ji-dic-type-list-03 li input {position:absolute; top: 50%; left: 50%; width:1px; height:1px; opacity:0;}
.ji-dic-type-list-03 li input + label { display: flex; max-width: 70px; flex-direction: column; align-items: center; justify-content: flex-start; gap: 5px; text-align: center; margin: 0 auto;}
.ji-dic-type-list-03 li input + label span { font-size: 15px; }
.ji-dic-type-list-03 li input + label::before {content: ''; display: block; border:1px solid #aaa; width: 65px; height: 65px; border-radius: 50%; background-size: 50px !important; filter: opacity(0.4) grayscale(10); }
.ji-dic-type-list-03 li input + .ji-dic-type-icon-1::before {background:url(/cloud/m/img/sub/dic-type2-01-7c5b2a87b7445f555c8bb71439f3686c.svg) no-repeat center;  background-color:#fff;}
.ji-dic-type-list-03 li input + .ji-dic-type-icon-2::before {background:url(/cloud/m/img/sub/dic-type2-02-0eb249392a061204497cb25abd9c830e.svg) no-repeat center;  background-color:#fff;}
.ji-dic-type-list-03 li input + .ji-dic-type-icon-3::before {background:url(/cloud/m/img/sub/dic-type2-03-7360bbdebf43e2171552fd50da2471e3.svg) no-repeat center;  background-color:#fff;}
.ji-dic-type-list-03 li input + .ji-dic-type-icon-4::before {background:url(/cloud/m/img/sub/dic-type2-04-10e798cfb45857a985ab0504da650cc8.svg) no-repeat center;  background-color:#fff;}
.ji-dic-type-list-03 li input + .ji-dic-type-icon-5::before {background:url(/cloud/m/img/sub/dic-type2-05-02fff402fcb695fd460525d0eecb1665.svg) no-repeat center;  background-color:#fff;}
.ji-dic-type-list-03 li input + .ji-dic-type-icon-6::before {background:url(/cloud/m/img/sub/dic-type2-06-dd595702d4a175e94086d05fa0ffd787.svg) no-repeat center;  background-color:#fff;}
.ji-dic-type-list-03 li input + .ji-dic-type-icon-7::before {background:url(/cloud/m/img/sub/dic-type2-07-b194031dbdb5b08e6f9f75684404b42b.svg) no-repeat center;  background-color:#fff;}
.ji-dic-type-list-03 li input + .ji-dic-type-icon-8::before {background:url(/cloud/m/img/sub/dic-type2-08-96056a45639eeb4d7fe3af3791b94796.svg) no-repeat center;  background-color:#fff;}
.ji-dic-type-list-03 li input + .ji-dic-type-icon-9::before {background:url(/cloud/m/img/sub/dic-type2-09-c268221d06a06ede907d8af1134f4c7a.svg) no-repeat center;  background-color:#fff;}
.ji-dic-type-list-03 li input + .ji-dic-type-icon-10::before {background:url(/cloud/m/img/sub/dic-type2-10-e8c654e48822ed7b147695e65d574909.svg) no-repeat center;  background-color:#fff;}
.ji-dic-type-list-03 li input + .ji-dic-type-icon-11::before {background:url(/cloud/m/img/sub/dic-type2-11-9f6ecd4e007cbbdcae0ef661b292d0ab.svg) no-repeat center;  background-color:#fff;}

.ji-dic-type-list-03 li input + label:hover::before,
.ji-dic-type-list-03 li input + label:focus::before {filter:none; border:2px solid #F78F16;}

.ji-dic-type-list-03 li input:checked + label:hover::before,
.ji-dic-type-list-03 li input:checked + label:focus::before {filter:none; border-color:#F78F16;}
.ji-dic-type-list-03 li input:checked + .ji-dic-type-icon-1::before {background:url(/cloud/m/img/sub/dic-type2-01-w-e90c98f49d69e23f5828597a9e805b11.svg) no-repeat center; background-color:#F78F16; filter:none; border: none;}
.ji-dic-type-list-03 li input:checked + .ji-dic-type-icon-2::before {background:url(/cloud/m/img/sub/dic-type2-02-w-c82832631c83fdd76a457972111c009a.svg) no-repeat center; background-color:#F78F16; filter:none; border: none;}
.ji-dic-type-list-03 li input:checked + .ji-dic-type-icon-3::before {background:url(/cloud/m/img/sub/dic-type2-03-w-ed0e107b47872c8c8d0f2b6b2d5c13cb.svg) no-repeat center; background-color:#F78F16; filter:none; border: none;}
.ji-dic-type-list-03 li input:checked + .ji-dic-type-icon-4::before {background:url(/cloud/m/img/sub/dic-type2-04-w-bed3d23356234c873d550b6dd69310d5.svg) no-repeat center; background-color:#F78F16; filter:none; border: none;}
.ji-dic-type-list-03 li input:checked + .ji-dic-type-icon-5::before {background:url(/cloud/m/img/sub/dic-type2-05-w-e17131e4faece9c059bc76e8df82c18b.svg) no-repeat center; background-color:#F78F16; filter:none; border: none;}
.ji-dic-type-list-03 li input:checked + .ji-dic-type-icon-6::before {background:url(/cloud/m/img/sub/dic-type2-06-w-7173e15a4b364ea12e5ae99f9d7f7dfe.svg) no-repeat center; background-color:#F78F16; filter:none; border: none;}
.ji-dic-type-list-03 li input:checked + .ji-dic-type-icon-7::before {background:url(/cloud/m/img/sub/dic-type2-07-w-96db9e0814bb92628e9831a96bfc49ba.svg) no-repeat center; background-color:#F78F16; filter:none; border: none;}
.ji-dic-type-list-03 li input:checked + .ji-dic-type-icon-8::before {background:url(/cloud/m/img/sub/dic-type2-08-w-7da5adcda4964ea50d3869421533b419.svg) no-repeat center; background-color:#F78F16; filter:none; border: none;}
.ji-dic-type-list-03 li input:checked + .ji-dic-type-icon-9::before {background:url(/cloud/m/img/sub/dic-type2-09-w-73ed5b93fc8e7c4007855d66686cb93b.svg) no-repeat center; background-color:#F78F16; filter:none; border: none;}
.ji-dic-type-list-03 li input:checked + .ji-dic-type-icon-10::before {background:url(/cloud/m/img/sub/dic-type2-10-w-a970d6b8cbcee7af7b468e9255fe18c7.svg) no-repeat center; background-color:#F78F16; filter:none; border: none;}
.ji-dic-type-list-03 li input:checked + .ji-dic-type-icon-11::before {background:url(/cloud/m/img/sub/dic-type2-11-w-5a06005f77ef86c3f736629c50221137.svg) no-repeat center; background-color:#F78F16; filter:none; border: none;}

@media (max-width: 380px) {
    .ji-dic-type-list-03{gap: 15px 5px;}
   }

/* 테마별 검색 아이콘 */
.ji-dic-type-list-02 li{position: relative;}
.ji-dic-type-list-02 li input{position:absolute; width: 1px; height: 1px; opacity: 0; top: 50%; left: 50%; z-index: -1;}
.ji-dic-type-list-02 li label { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; }
.ji-dic-type-list-02 li label + input[type='checkbox'] { display: none; }
.ji-dic-type-list-02 li label::before { content: ''; display: block; width: 65px; height: 65px; border-radius: 50%; }
.ji-dic-type-list-02 li label SPAN { display: block; font-size: 15px; }
.ji-dic-type-list-02 li .ji-dic-type-icon-1::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-01-f569cadf6c0be7ccddb92e1b8638df17.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-2::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-02-2520af9d9fe47e6156f98883b675e13c.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-3::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-03-2fda50ff24f1d6ed985e3cdc41c26db1.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-4::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-04-16c1ff5f6d46746ab1eddb140cac880d.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-5::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-05-b5de239c7001887a34764f165577fbf0.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-6::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-06-7f89df02c7436d7b5efdfeefad48a707.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-7::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-07-39d2a8cda767599d6956ad235b8c2ab0.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-8::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-08-d96ee8d45fa2419f68cb041091ddb582.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-9::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-09-40617594dddedca81e57b40e549396cf.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-10::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-10-2bf131a8b1973c0d8bcf4048f5f00a89.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-11::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-11-9644371d13a0f5df8d5c713bc2d5342c.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-12::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-12-00d184becb1d369a17b749dcb33f68da.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-13::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-13-4f332d4877de65eb15a5c0500edcaf34.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-14::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-14-8d7a79417c0a4f83a1be944663e25bd2.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-15::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-15-bec3e8929d6606bc1aeba2af99d30b35.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-16::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-16-eb908db17ee1ef4962f6d89953c01f30.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-17::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-17-b3aac26c5d098ccf5f67f6ee4c4591b3.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-18::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-18-06b02350a381cfbbcea040472a3616db.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-19::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-19-556b2d3c0133dbf158e9605d0b589d4f.svg) no-repeat center; filter: opacity(0.4); }
.ji-dic-type-list-02 li .ji-dic-type-icon-20::before { border: 1px solid #aaa; background: #fff url(/cloud/m/img/sub/dic-type-20-5f325b450569f88632570d86fc51aaec.svg) no-repeat center; filter: opacity(0.4); }

.ji-dic-type-list-02 li .ji-dic-type-icon-1.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-01-w-e1f264e7fd6458e93cba101f2178ad80.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-1:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-01-w-e1f264e7fd6458e93cba101f2178ad80.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-2.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-02-w-87120ea33d95b02f4be3a56b34673471.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-2:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-02-w-87120ea33d95b02f4be3a56b34673471.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-3.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-03-w-bd36cca764c3f20e5e38c917f548d06e.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-3:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-03-w-bd36cca764c3f20e5e38c917f548d06e.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-4.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-04-w-3bcf8ab3cb657053a73985bd22e54c79.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-4:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-04-w-3bcf8ab3cb657053a73985bd22e54c79.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-5.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-05-w-b95ecd03f88d318840c6b7f68a294ed8.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-5:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-05-w-b95ecd03f88d318840c6b7f68a294ed8.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-6.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-06-w-4bbc6a88e11828f573bcaeeae16cf8e1.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-6:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-06-w-4bbc6a88e11828f573bcaeeae16cf8e1.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-7.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-07-w-7cc713cfa048917d584ed277f21d776a.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-7:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-07-w-7cc713cfa048917d584ed277f21d776a.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-8.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-08-w-b9aa44fb20d3579252b442b7e587dee7.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-8:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-08-w-b9aa44fb20d3579252b442b7e587dee7.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-9.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-09-w-422a826cc62c749653549b453cb9e26b.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-9:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-09-w-422a826cc62c749653549b453cb9e26b.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-10.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-10-w-6b9b4650aa3c39e071e5b8d0536885ac.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-10:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-10-w-6b9b4650aa3c39e071e5b8d0536885ac.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-11.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-11-w-c983d828d539815c08c97b501dad7c26.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-11:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-11-w-c983d828d539815c08c97b501dad7c26.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-12.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-12-w-1e55f2125a9c728db3178a61e933eaa4.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-12:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-12-w-1e55f2125a9c728db3178a61e933eaa4.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-13.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-13-w-e6940acf08d9c7e3b811d4da726d7d5f.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-13:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-13-w-e6940acf08d9c7e3b811d4da726d7d5f.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-14.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-14-w-9c8e8d7209700f62326551f26851a9e8.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-14:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-14-w-9c8e8d7209700f62326551f26851a9e8.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-15.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-15-w-104471056b4520a4aa362f65937d851a.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-15:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-15-w-104471056b4520a4aa362f65937d851a.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-16.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-16-w-904891719fd1f19e0b93ad543988e1ce.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-16:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-16-w-904891719fd1f19e0b93ad543988e1ce.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-17.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-17-w-26b6e0cd97663960cf4fc3adc92f2bff.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-17:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-17-w-26b6e0cd97663960cf4fc3adc92f2bff.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-18.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-18-w-3aca4079c8d0a095056d5e362328ffd2.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-18:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-18-w-3aca4079c8d0a095056d5e362328ffd2.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-19.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-19-w-df79b6e7046ee3aca3a96c43edd73433.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-19:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-19-w-df79b6e7046ee3aca3a96c43edd73433.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-20.selected::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-20-w-c85fc690a0742ff9f20d5f091f57a6dd.svg) no-repeat center; border: none; filter: none; }
.ji-dic-type-list-02 li .ji-dic-type-icon-20:focus::before { background: #F78F16 url(/cloud/m/img/sub/dic-type-20-w-c85fc690a0742ff9f20d5f091f57a6dd.svg) no-repeat center; border: none; filter: none; }


/* 직업인 인터뷰 - 목록 */
.ji-tab-wrap-01 { padding: 20px; }
.ji-tab-wrap-01 .com-tab.type-01 button { font-size: var(--body-m-700); }
.ji-tab-wrap-01 .com-tab.type-01 button.active { background: #246BEB; }


/* 직업인 인터뷰 - 상세 */
.ji-qna-wrap .intro { padding: 20px; }
.ji-qna-wrap .intro .img-box { width: 100%; height: 333px; overflow: hidden; position: relative; }
.ji-qna-wrap .intro .img-box img { width: 100%; height: 100%; }
.ji-qna-wrap .intro .img-box::after { content: 'INTERVIEW'; display: block; position: absolute; top: 0; right: 0; letter-spacing: 2px; padding: 10px 24px; background: #4D92DF; color: #fff; border-bottom-left-radius: 12px; }
.ji-qna-wrap .intro .title { padding: 20px 0; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--career--gray-40); }
.ji-qna-wrap .intro .title h3 { font-size: var(--title-s-700); font-weight: 700; }
.ji-qna-wrap .intro .title span { display: block; font-size: var(--body-s-400); color: #3c3c3c; }
.ji-qna-wrap .intro .con { font-size: var(--body-s-400); color: #3c3c3c; padding-top: 20px; }
.ji-qna-wrap .com-mob-qna-01 .answer-wrap { margin-top: 0; }
.ji-qna-wrap .btn-wrap { padding: 30px 20px; }
.ji-qna-wrap .btn-wrap button { width: 100%; }
.ji-qna-wrap .ji-tag-list { padding: 20px; }
.ji-qna-wrap .com-mob-util-list { padding: 0; }
.ji-qna-wrap .source-box{margin: 20px 20px 0 20px;}

@media screen and (max-width: 480px){
 .ji-qna-wrap .intro .img-box { height: auto; max-height: 333px; }
}
@media screen and (max-width: 420px){
 .ji-dic-type-list-02 { display: flex; flex-wrap: wrap; justify-content: center; }
}

/* 직업인 인터뷰 - 상세 끝 */


/* 커리어패스 - 상세 */
.ji-crpath-wrap { padding: 0 20px; }
.ji-crpath-wrap .intro { border-radius: 12px; border: 1px solid #246BEB; background: #ECF7F3; padding: 50px 20px 30px 20px; display: flex; flex-direction: column; align-items: center; gap: 24px; }
.ji-crpath-wrap .intro .img-box { width: 130px; height: 130px; overflow: hidden; border-radius: 50%; background: #fff; }
.ji-crpath-wrap .intro .img-box.type-01 { background: url(/cloud/m/img/sub/bg_crpath_head01-d039d2b54f3ac3f29e318955ea2bca0d.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-02 { background: url(/cloud/m/img/sub/bg_crpath_head02-34237163c33baa66b8072392095750c1.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-03 { background: url(/cloud/m/img/sub/bg_crpath_head03-2c267df97091eb50a11e657c1bef6cfa.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-04 { background: url(/cloud/m/img/sub/bg_crpath_head04-13ec0dcf8946cf0d3f4c01a151acb5c9.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-05 { background: url(/cloud/m/img/sub/bg_crpath_head05-26bb9773ac305d8f7f91a2eb7e12f3a2.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-06 { background: url(/cloud/m/img/sub/bg_crpath_head06-552da5c184630de7f124390c0b8e9b65.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-07 { background: url(/cloud/m/img/sub/bg_crpath_head07-0aff4851e91fd580ef9eefa0005fc062.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-08 { background: url(/cloud/m/img/sub/bg_crpath_head08-3b096052915f40e6c623e0d5186807ce.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-09 { background: url(/cloud/m/img/sub/bg_crpath_head09-8f782814d9cc16896bcbf67599cb5588.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-10 { background: url(/cloud/m/img/sub/bg_crpath_head10-f875a80c046a7f7089224c8c75273bd9.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-11 { background: url(/cloud/m/img/sub/bg_crpath_head11-4c3cef46805be3121ac20bcfefde1997.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-12 { background: url(/cloud/m/img/sub/bg_crpath_head12-eeda276fd4742385d355b32d0027edd9.png) no-repeat center; }
.ji-crpath-wrap .intro .img-box.type-13 { background: url(/cloud/m/img/sub/bg_crpath_head13-8493fd39ba6d9e650f6b9f348d6ef8ec.png) no-repeat center; }
.ji-crpath-wrap .intro h3 { font-size: var(--title-s-700); font-weight: 700; text-align: center; }
.ji-crpath-wrap .intro p.con { text-align: center; font-size: var(--body-s-400); color: #3A3A3A; }
.ji-crpath-wrap .intro p.con span { color: #246BEB; display: block; font-size: var(--body-m-400); }
.ji-crpath-wrap .content-box { font-size: var(--body-s-400); padding: 32px 0; }
.ji-crpath-wrap .btn-wrap { padding: 20px 0; }
.ji-crpath-wrap .btn-wrap button { width: 100%; }
.ji-crpath-wrap .com-mob-hashtag-list { padding: 20px 0; }
.ji-crpath-wrap .com-mob-util-list { padding: 0; }



/************************* 학과정보 **************************/

/* 공통, di- */
.di-btn-box-01 { padding: 20px; }
.di-btn-box-02 { padding: 20px; padding-top: 0; }

.di-btn-box-01 button + button{margin-top: 10px;}
.di-pd-box-01 { padding: 20px; }
.di-pd-box-02 { padding: 20px; padding-top: 0; }

.di-box-01 { padding: 20px; padding-top: 0; border-bottom: 1px solid #ddd; }
.di-box-02 { display: flex; flex-direction: column; gap: 24px; padding: 0 20px; }

.di-brd-list-01 { padding: 30px 20px; gap: 20px; display: grid; grid-template-columns: repeat(1,minmax(0,1fr)); }

.di-tab-01.com-tab.type-01 { font-size: 15px; }
.di-tab-01.com-tab.type-01 button { min-height: 43px; }

.di-info-box-01 { padding: 20px; }
.di-info-box-01 .hd-info-list { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.di-info-box-01 .tag-list-01 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.di-info-box-01 .tag-list-02 { display: flex; flex-wrap: wrap; gap: 8px 4px; font-size: 15px; color: #1d1d1d; padding-top: 24px; }
.di-info-box-01 .tag-list-02 a { height: 100%; min-height: 41px; padding: 10px 17px; display: inline-flex; justify-content: center; align-items: center; background-color: #F9FBFF; border: 1px solid #c6c6c6; border-radius: 25px; }
.di-info-box-01 .btn-like { flex-shrink: 0; display: inline-flex; align-items: center; color: #1d1d1d; font-size: 14px; gap: 6px; }
.di-info-box-01 .btn-like::before { content: ""; flex-shrink: 0; width: 18px; height: 16px; background: url(/cloud/m/img/common/icon_heart_no_fill-0a731185671f1988995c9a36c9525424.svg) no-repeat; }
.di-info-box-01 .btn-like.active::before { width: 17px; background: url(/cloud/m/img/common/icon_heart-efbc8720766c72115df894cdbe511af3.svg) no-repeat; }
.di-info-box-01 .title { font-size: 19px; font-weight: 800; color: #1D1D1D; padding: 16px 0; border-bottom: 1px solid #D8D8D8; }

.di-title-01 { margin: 16px 0; font-size: 18px; font-weight: 600; color: #3C3C3C; position: relative; }
.di-title-01::before { content: ''; display: inline-block; background: url(/cloud/m/img/common/icon_bullet_lg-7d26d7565928161cc49f296fd53d1124.svg) no-repeat; width: 3px; height: 20px; background-size: cover; transform: translateY(4px); margin-right: 6px; }

.di-txt-01 { color: #555; font-size: 17px; margin: 16px 0; padding-left: 18px;}

.di-txt-list-01 {padding: 0 18px; margin: 16px 0; }
.di-txt-list-01 > div { }
.di-txt-list-01 > div + div { margin-top: 12px; }
.di-txt-list-01 dt { font-size: 17px; font-weight: 600;}
.di-txt-list-01 dt::before {content: ''; flex-shrink: 0; display: inline-block; width: 13px; height: 13px; background: url(/cloud/m/img/common/icon_bullet_sm-4a863c478c9ca279ded4979ec167105c.svg) no-repeat center; background-size: cover; margin-right: 8px;transform: translateY(1px);}
.di-txt-list-01 dd { font-size: 15px; color: #555; padding-left: 15px;}

.di-vid-list-01 { display: flex; align-items: flex-start; gap: 20px 12px; }
.di-vid-list-01 > li { width: 100%; max-width: 200px; }
.di-vid-list-01 a { display: block; }
.di-vid-list-01 .img-box { width: 100%; height: 133px; overflow: hidden; border-radius: 10px; }
.di-vid-list-01 .img-box img { width: 100%; height: 100%; object-fit: cover; }
.di-vid-list-01 .txt-box { color: #666; font-size: 13px; margin-top: 12px; }

.di-tbl-wrap-01 { padding: 20px; padding-top: 0; }
.di-tbl-wrap-01 .com-table thead th { font-size: 15px; padding: 12px 10px; }
.di-tbl-wrap-01 .com-table tbody td { font-size: 15px; padding: 12px 10px; }

.di-person-info-01 { padding: 20px; }
.di-person-info-01 .img-box { max-width: 420px; height: 333px; overflow: hidden; }
.di-person-info-01 .img-box img { width: 100%; height: 100%; object-fit: cover; }
.di-person-info-01 .txt-box { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 5px; color: #3C3C3C; margin-top: 18px; }
.di-person-info-01 .txt-box dt { font-size: 19px; font-weight: 800; }
.di-person-info-01 .txt-box dd { font-size: 15px; }

.di-chart-box-01 { }








/************************* 진로동영상 **************************/

/* 공통, cv- */
.cv-test { }


/* 프로그램별 - 검색 박스 (수평 스크롤) */
.cv-srch-list { display: flex; align-items: center; justify-content: center; gap: 10px; min-width: fit-content; flex-wrap: nowrap; }
.cv-srch-list li a { display: block; font-size: var(--link-l-700); font-weight: 600; color: var(--career--gray-70); padding: 0 6px; }
.cv-srch-list li.active { border-bottom: 4px solid var(--career--secondary-50); }
.cv-srch-list li.active a { color: var(--career--secondary-50); font-weight: 700; }

.cv-program-menu-wrap { padding: 24px 20px; }
.cv-program-menu-container { /* max-width: 420px; */ margin: 0 auto; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }
.cv-program-menu-container .menu-wrapper { overflow-x: auto; flex: 1; white-space: nowrap; scroll-behavior: smooth; padding: 0 15px; }
.cv-program-menu-container .scroll-button { display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; border: 1px solid var(--career--gray-40); width: 32px; height: 32px; cursor: pointer; }
.cv-program-menu-container .scroll-button.scroll-left { display: none; }
.cv-program-menu-container .scroll-button.scroll-left img { transform: rotate(180deg); }
.cv-program-menu-container .scroll-button.show { opacity: 1; }
.cv-program-menu-container .scroll-button.scroll-left.show { display: flex; }
.cv-program-menu-container .menu-wrapper::-webkit-scrollbar { display: none; }
.cv-program-menu-container .menu-wrapper::-webkit-scrollbar-thumb { display: none; }

/* 전체동영상 - 상세 */
.cv-all-detail-wrap { padding: 0 20px; margin-top:20px; }
.cv-all-detail-wrap .com-tab.type-02 button.active { color: #246BEB; }
.cv-all-detail-wrap .com-tab.type-02 button.active::before { content: ""; width: 100%; height: 4px; background-color: #246BEB; position: absolute; left: 0; bottom: -2px; }
.cv-all-detail-wrap .com-tab-content { padding: 24px 0; border-bottom: 1px solid var(--career--gray-40); }

.cv-all-detail-wrap .intro { display: flex; flex-direction: column; gap: 24px; }
.cv-all-detail-wrap .intro h3 { font-size: var(--title-s-700); font-weight: 700; }
.cv-all-detail-wrap .intro .stitle {margin-top:-10px;}
.cv-all-detail-wrap .intro .cv-views {display: flex; align-items: center; gap: 4px; font-size: var(--body-s-400); color: var(--career--gray-70); }
.cv-all-detail-wrap .intro .cv-views dt { font-weight: 700; }
.cv-all-detail-wrap .intro .cv-play {display:flex; align-self:end; align-items: center; gap: 8px; font-size: var(--body-s-400); color: var(--career--gray-70); }
.cv-all-detail-wrap .intro .cv-play dt { font-weight: 700; }
.cv-all-detail-wrap .com-video-box + .com-mob-util-list { margin-top: 0; }

.cv-all-detail-wrap .com-mob-btn-02 { width: fit-content; min-height: auto; padding: 0; font-size: 15px; color: #555; display: flex; justify-content: flex-end; align-items: center; text-align: center; gap: 6px; font-weight: 600; border: none; margin: 0; margin-left: auto; }
.cv-all-detail-wrap .com-mob-btn-02.like.active { border-color: none; }
.cv-all-detail-wrap .com-mob-btn-02.like.active::before { background: url(/cloud/m/img/common/icon_heart_no_fill-0a731185671f1988995c9a36c9525424.svg) no-repeat; }

.cv-all-detail-wrap .com-mob-btn-01 { width: 100%; padding: 20px; margin: 0; }

.cv-btn-wrap-01 { padding: 24px 20px; }
.cv-btn-wrap-02 { padding: 20px 0; display: flex; justify-content: center; }

.cv-btn-wrap-01 button + button{margin-top: 10px;}

/************************* 진로교육자료 **************************/

/* 공통, ced- */
.ced-test { }

/* 목록 */
.ced-srch-box-01 .ctt-list .com-mob-option-box-02 { margin-top: -1px; }
.ced-srch-box-01 .popup-hd .tl-box { display: flex; align-items: center; gap: 8px; }
.ced-srch-box-01 .popup-hd .tl-box .reset-btn { display: flex; align-items: center; gap: 4px; font-size: var(--body-s-400); color: #8e8e8e; }
.ced-srch-box-01 .popup-hd .tl-box .reset-btn::after { content: ''; display: block; width: 20px; height: 20px; background: url(/cloud/m/img/common/icon_refresh-51db04ef79ce2c32f04d697c79a4b470.svg) no-repeat center; filter: brightness(3); }

.ced-srch-box-01 .com-select-box.type-01 select { width: 100%; }
.ced-srch-box-01 .com-accordion { padding-top: 24px; }
.ced-srch-box-01 .com-accordion .accordion-hd { min-height: auto; background-color: #fff; padding: 0; }
.ced-srch-box-01 .com-accordion .accordion-ctt { background: none; }
.ced-srch-box-01 .com-accordion .accordion-ctt > .inner { min-height: auto; }
.ced-srch-box-01 .com-checkbox:focus-within { outline-offset: -1px; }

.ced-srch-box-01 .btn-box { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 24px 0 40px 0; }
.ced-srch-box-01 .btn-box button { width: 50%; }

.ced-brd-wrap-01 { padding-bottom: 32px; }
.ced-brd-wrap-01 .com-mob-brd-01 a { padding: 20px 0; }
.ced-brd-wrap-01 .com-mob-brd-01 a .title { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ced-btn-wrap-01 { padding: 24px 20px; }
.ced-brd-wrap-01 .tag-list{display: flex; gap: 5px;}

/* 상세 */
.ced-mb-detail-wrap { padding: 0 20px 24px 20px; }
.ced-mb-detail-wrap .hd { border-bottom: 1px solid var(--career--gray-40); padding: 24px 0; }
.ced-mb-detail-wrap .hd h3 { font-size: var(--title-l-700); font-weight: 700; }
.ced-mb-detail-wrap .intro-box .con { display: flex; align-items: flex-start; gap: 8px; }
.ced-mb-detail-wrap .intro-box .con .img-box { width: 80px; height: 112px; border: 1px solid #ddd; flex-shrink: 0; }
.ced-mb-detail-wrap .intro-box .con .img-box img { width: 100%; height: 100%; }
.ced-mb-detail-wrap .intro-box .con dl { display: flex; flex-direction: column; gap: 8px; }
.ced-mb-detail-wrap .intro-box .con dl div { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px; font-size: var(--body-s-400); }
.ced-mb-detail-wrap .intro-box .con dl div.col-2 dt:last-of-type { margin-left: 16px; }
.ced-mb-detail-wrap .intro-box .con dl dt {position:absolute; font-weight: 700; color: rgba(51, 51, 51, 0.7); display: flex; align-items: center; gap: 8px; }
.ced-mb-detail-wrap .intro-box .con dl dt::before { content: ''; display: block; width: 5px; height: 5px; background: rgba(51, 51, 51, 0.7); border-radius: 50%; }
.ced-mb-detail-wrap .intro-box .con dl dd { color: rgba(51, 51, 51, 0.7); padding-left: 92px; min-height: 22px;}
.ced-mb-detail-wrap .intro-box .con dl dd.inflex{display: flex; gap: 4px; flex-wrap: wrap;}
.ced-mb-detail-wrap .intro-box .con dl dd.inflex a { display: inline; border: 1px solid #ddd;border-radius: 9px;padding: 0 5px; word-break: keep-all;}

.ced-mb-detail-wrap .intro-box .con a.link { display: block; word-break: break-all; }
.ced-mb-detail-wrap .intro-box .con a.tag { display: inline-block; text-align: center; padding: 3px 8px; border: 1px solid var(--career--gray-70); border-radius: 30px; font-size: 14px; }
.ced-mb-detail-wrap .intro-box .con a.tag:hover { background: var(--career--gray-10); }
.ced-mb-detail-wrap .intro-box .con a.file { font-weight: 600; }
.ced-mb-detail-wrap .intro-box .con a.file::after { content: ''; display: inline-block; width: 18px; height: 18px; background: url(/cloud/m/img/common/icon_download_blue-17464d2a0b9da62ac2f3e234581d77bf.svg) no-repeat center; cursor: pointer; margin-left: 4px; transform: translateY(4px); }
.ced-mb-detail-wrap .intro-box .con a.file.line { color:#256AEB; text-decoration: underline; text-underline-offset: 3px; }
.ced-mb-detail-wrap .con { padding: 24px 0; }
.ced-mb-detail-wrap .con img { margin: 0 auto; }
.ced-mb-detail-wrap .file-download-list { padding: 24px 0; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; border-bottom: 1px solid var(--career--gray-40); }
.ced-mb-detail-wrap .file-download-list button.file-download::before { content: ''; display: block; width: 20px; height: 20px; background: url(/cloud/m/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) no-repeat center; }

.ced-btn-wrap-02 { padding: 20px; }
.ced-btn-wrap-02 .com-mob-btn-01 { margin: 0; max-width: 100%; }


/* 진로교육 현황조사 조사 내용체계 표 */
.com-list-table { border-top: 1px dashed #99B0CB; border-bottom: 1px dashed #99B0CB; }
.com-list-table tr:first-child th { border-bottom: 1px dashed #99B0CB; }
.com-list-table th, .com-list-table td { padding: 13px 20px; border-bottom: 1px dashed #D8D8D8 }
.com-list-table th { font-size: 15px; font-weight: 700; color: #003675; }
.com-list-table th p.txt-box { font-size: var(--body-s-700); color: #fff; background-color: #A5B0D4; width:217px; display: block; margin: 0 auto; padding: 10px; border-radius: 8px; }
.com-list-table td { }
.com-list-table td.blue { font-size: var(--body-s-700); font-weight: 700; color: #003675; text-align: center; }
.com-list-table td ul.txt-con { }
.com-list-table td ul.txt-con li { margin-top: 10px; text-align: left; }
.com-list-table td ul.txt-con li .tt { font-size: 15px; font-weight: 600; color: #00152A; }
.com-list-table td ul.txt-con li .tt::before { content: ''; background-color: #00152A; width:5px; height: 5px; display: inline-block; vertical-align: middle; border-radius: 50%;; margin-right: 5px; }
.com-list-table td ul.txt-con li .tx { font-size: 15px; color: #2D2D2D; margin-top: 4px; padding-left: 10px; }
.com-list-table td img { display: block; margin: 10px auto; }


.ced-tab-box-01 { padding: 0 20px; }
.ced-tab-box-02 { padding: 0 20px;}
.ced-tab-box-02 .com-tab.type-02 button.active { color: var(--career--primary); }
.ced-tab-box-02 .com-tab.type-02 button.active::before { background: var(--career--primary); }
.ced-tab-box-03 { margin-top: 24px; }
.ced-tab-box-03 .com-tab.type-01 { border-radius: 0; border: 0; border-bottom: 1px solid #256AEB; }
.ced-tab-box-03 .com-tab.type-01 li { border: 0; }
.ced-tab-box-03 .com-tab.type-01 button { background: #F4F5F9; }
.ced-tab-box-03 .com-tab.type-01 button.active { background: #256AEB; border-radius: 8px 8px 0 0; }


.ced-into-box { padding: 24px 20px; }
.ced-into-box h3 { font-size: var(--title-s-700); font-weight: 700; }
.ced-into-box .com-mob-util-list { justify-content: flex-start; padding: 0; }
.ced-into-box .com-tab button:not(:disabled):hover { background: var(--career--primary-5); }


/* 전환기 진로지도 프로그램(STP) */
.ced-stp-banner-box { margin-bottom: 40px; }
.ced-stp-banner-box a { display: block; }

.ced-stp-manual-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px 16px; }
.ced-stp-manual-list > li { min-width: 0; }
.ced-stp-manual-list > li > a { display: block; padding: 23px 30px; background-color: white; border-radius: 8px; border: 1px solid #c6c6c6; height: 100%; transition: .25s; }
.ced-stp-manual-list .img-box { border: 1px solid #ddd; width: 167px; height: 228px; background-color: #fafafa; overflow: hidden; margin: 0 auto 22px; }
.ced-stp-manual-list .img-box img { width: 101%; height: 101%; object-fit: cover; object-position: center center; transition: .25s; }
.ced-stp-manual-list .sbj { font-size: 16px; line-height: 1.5; font-weight: 700; color: #1d1d1d; }
.ced-stp-manual-list .more { text-align: right; padding-right: 20px; background: url('../img/sub/ic_cpt_arrow_right_long_gray.svg') no-repeat right center; font-size: 16px; color: #1d1d1d; margin-top: 10px; }

.ced-stp-manual-list > li > a:hover,
.ced-stp-manual-list > li > a:focus { background-color: #fafafa; text-decoration: underline; }
.ced-stp-manual-list > li > a:hover .img-box img,
.ced-stp-manual-list > li > a:focus .img-box img { transform: scale(1.01); }

.ced-stp-btn-box { text-align: center; margin-top: 40px; }


.ced-edu-manual-introduce { display: flex; border: 1px solid #C6C6C6; border-radius: 12px; padding: 32px; }
.ced-edu-manual-introduce .img-box { width: 200px; height: 209px; border: 1px solid #eee; flex-shrink: 0; margin-right: 40px; overflow: hidden; }
.ced-edu-manual-introduce .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.ced-edu-manual-introduce .text-box { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ced-edu-manual-introduce .sbj { font-size: 19px; font-weight: 700; color: #1d1d1d; margin-bottom: 13px; word-break: break-all; }
.ced-edu-manual-introduce .desc { font-size: 17px; color: #555; line-height: 1.6; margin-bottom: 10px; word-break: break-all; }
.ced-edu-manual-introduce .more { margin-top: auto; display: block; text-align: right; padding-right: 26px; background: url('../img/sub/ic_cpt_arrow_right_long_gray.svg') no-repeat right center; font-size: 16px; color: #1d1d1d; }
.ced-edu-manual-introduce .more:hover,
.ced-edu-manual-introduce .more:focus { text-decoration: underline; font-weight: 500; color: #000; transition: .25s; padding-right: 30px; }


.com-card.ced-img-add { grid-template-columns: 130px 1fr; gap: 20px 24px; flex-direction: row; justify-content: flex-start; }
.com-card.ced-img-add .con-box { margin-bottom: 0; gap: 12px; }
.com-card.ced-img-add .img-box { width: 130px; height: 190px; border: 1px solid #ddd; }
.com-card.ced-img-add .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }


/* 진로교육 현황조사 조사 내용체계 표 */
.com-list-table { border-top: 1px dashed #99B0CB; border-bottom: 1px dashed #99B0CB; }
.com-list-table tr:first-child th { border-bottom: 1px dashed #99B0CB; }
.com-list-table th, .com-list-table td { padding: 13px 22.5px; border-bottom: 1px dashed #D8D8D8 }
.com-list-table th { font-size: 15px; font-weight: 700; color: #003675; }
.com-list-table th p.txt-box { color: #fff; background-color: #A5B0D4; width:217px; display: block; margin: 0 auto; padding: 10px; border-radius: 8px; }
.com-list-table td { }
.com-list-table td.blue { font-size: 17px; font-weight: 700; color: #003675; text-align: center; }
.com-list-table td ul.txt-con { }
.com-list-table td ul.txt-con li { margin-top: 10px; }
.com-list-table td ul.txt-con li .tt { font-size: 15px; font-weight: 600; color: #00152A; }
.com-list-table td ul.txt-con li .tt::before { content: ''; background-color: #00152A; width
:5px; height: 5px; display: inline-block; vertical-align: middle; border-radius: 50%;; margin-right: 5px; }
.com-list-table td ul.txt-con li .tx { font-size: 15px; color: #2D2D2D; margin-top: 4px; padding-left: 10px; }
.com-list-table td img { display: block; margin: 10px auto; }


/* 연도별 조사자료 */
.ced-state-detail-wrap { padding: 20px; }
.ced-state-detail-wrap .com-table-view-detail .cate-list { display: flex; flex-wrap: wrap; gap: 4px 8px; }
.ced-state-detail-wrap .com-table-view-detail .cate-list li { }
.ced-state-detail-wrap .com-table-view-detail .cate-list li a { font-weight: 500; color: #003675; text-decoration: underline; }
.ced-state-detail-wrap .com-conts-area { gap: 8px; padding: 0; margin-bottom: 24px; }
.ced-state-detail-wrap .com-conts-title.sm { font-size: var(--body-m-700); text-indent: 0; padding-left: 0;}
.ced-state-detail-wrap .ced-btn-wrap-02 { padding: 24px 0; }
.ced-state-detail-wrap .com-table-wrap .com-table thead th { padding: 5px 10px; }
.ced-state-detail-wrap .com-table-wrap .com-table tbody th { padding: 5px 10px; }
.ced-state-detail-wrap .com-table-wrap .com-table tbody td { padding: 5px 10px; }
.ced-state-detail-wrap .ced-btn-wrap-02 .com-mob-btn-01 { margin: 0; max-width: 100%; }


.data-satisfaction { margin-top: 30px; border: 1px solid #C6C6C6; border-radius: 10px; overflow: hidden; }
.data-satisfaction .hd { padding: 14px 25px; border-bottom: 1px solid #C6C6C6; background-color: #FAFAFA; }
.data-satisfaction .hd .tt { margin-right: 20px; display: flex; align-items: center; gap: 4px; }
.data-satisfaction .hd p.tt::before { content: ''; display: block; width:24px; height: 24px; background:url(/cloud/m/img/sub/icon_data_satisfaction_tt-6649169dcac5c56839603c1b6a9f16c0.svg) no-repeat center; }
.data-satisfaction .hd p.tx { color: #5771A5; display: flex; align-items: center; gap: 4px; margin-top: 12px; }
.data-satisfaction .hd p.tx::before { content: ''; background:url(/cloud/m/img/sub/icon_data_satisfaction_tx-6faecd45315ac483615de9a14a2c13cf.svg) no-repeat center; width:20px; height: 20px; display: block; }

.data-satisfaction .cont { padding: 14px 25px; display: flex; }
.data-satisfaction .cont ul { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; gap: 12px; }
.data-satisfaction .cont ul li a { display: block; border: 1px solid #D8D8D8; padding: 5px 0; width: 100%; text-align: center; font-size: 14px; }
.data-satisfaction .cont ul li { display: block; }
.data-satisfaction .cont ul li.on{ color: #fff; }
.data-satisfaction .cont ul li button { width:100%; text-align: center; background-color: #003675; padding: 5px 0; width: 100%; color: #fff; font-size: 14px; }

td .data-satisfaction {margin-top:0; border:0;}
td .data-satisfaction .hd {background-color:transparent; padding:7px 0; border-bottom:1px dotted #C6C6C6;}
td .data-satisfaction .hd p.tx {margin-top:0;}
td .data-satisfaction .cont {padding:7px 0;}
td .data-satisfaction .cont ul {gap:8px;}
td .data-satisfaction .cont ul li a,
td .data-satisfaction .cont ul li button {border-radius:4px;}
td .data-satisfaction .cont ul li a:hover,
td .data-satisfaction .cont ul li a:focus {background-color:#eef5ff; border-color:#6b8ee0; color:#6b8ee0;}

.ced-edu-cate-pictogram { overflow-x: hidden; padding: 18px 10px; background-color: #F8F8F8; border: 1px solid #E4E4E4; border-radius: 8px; align-content: center; text-align: center; }
.ced-edu-cate-pictogram img { display: inline-block; }
.ced-edu-cate-pictogram .multiply { mix-blend-mode: multiply; }
.ced-edu-cate-pictogram .desc { text-align: center; margin: 5px; font-size: 15px; color: #555; }
.ced-edu-cate-pictogram .txt-list-left { text-align: left; font-weight: 600; }
.ced-edu-cate-pictogram .txt-list-left > li { margin-bottom: 8px; }
.ced-edu-cate-pictogram .txt-list-left > li:last-child { margin-bottom: 0; }
.ced-edu-cate-pictogram .txt-list-btm { text-align: left; font-weight: 400; }
.ced-edu-cate-pictogram .txt-list-btm > li { margin-bottom: 0; }
.ced-edu-cate-pictogram .txt-list-btm p { line-height: 25px; margin-top: 2px; margin-bottom: 10px; padding-left: 10px; }
.ced-edu-cate-pictogram p.txt-left { text-align: left; }
.ced-edu-cate-pictogram .sub_list01 { margin-top: -10px; padding-left: 25px; margin-bottom: 5px; }
.ced-edu-cate-pictogram .sub_list01 { }

.ced-tbl-wrap { overflow-x: auto; overflow-y: hidden; max-width: 100%; padding-bottom: 8px; }
.ced-tbl-wrap table { width: 100%; min-width: 600px; }
.ced-tbl-wrap table th { padding: 10px 5px; text-align: center; }
.ced-tbl-wrap table td { padding: 10px 5px; text-align: center; }


/* 신산업 지역사회 연계 진로체험 프로그램 - 검색 박스 (수평 스크롤) */
.ced-program-menu-wrap { padding: 24px 0; }
.ced-program-menu-container { max-width: 560px; width:calc(100% - 10px) !important; margin: 0 auto; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }
.ced-program-menu-container .menu-wrapper {-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);backface-visibility: hidden; overflow-x: auto; flex: 1; white-space: nowrap; scroll-behavior: smooth; padding: 0 6px; }
.ced-program-menu-container .scroll-button { display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; border: 1px solid var(--career--gray-40); width: 32px; height: 32px; cursor: pointer; }
.ced-program-menu-container .scroll-button.scroll-left {}
.ced-program-menu-container .scroll-button.scroll-left img { transform: rotate(180deg); }
.ced-program-menu-container .scroll-button.show { opacity: 1; }
.ced-program-menu-container .scroll-button.scroll-left.show { display: flex; }
.ced-program-menu-container .scroll-button.scroll-left.show.swiper-button-disabled {}
.ced-program-menu-container .scroll-button.scroll-left.show.swiper-button-disabled + .menu-wrapper {}
.ced-program-menu-container .menu-wrapper::-webkit-scrollbar { display: none; }
.ced-program-menu-container .menu-wrapper::-webkit-scrollbar-thumb { display: none; }
.ced-srch-list { display: flex; align-items: center; justify-content: center; min-width: fit-content; flex-wrap: nowrap; }
.ced-srch-list li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; font-size: var(--link-m-700); font-weight: 600; color: var(--career--gray-70); padding: 0 6px; }
.ced-srch-list li.active a { background: var(--career--primary); color: #fff; }
.ced-srch-list li.active a:focus { background: var(--career--primary); color: #fff; }


.com-table-wrap-mo{}
.com-table-wrap-mo .com-box{display: flex;gap: 11px;margin: 0 0 10px 0;flex-wrap: wrap;border: 1px solid #a5b0d4;border-radius: 7px;}
.com-table-wrap-mo .com-box .com-left{display: flex;background: #a5b0d4;color: #fff;border-radius: 5px 5px 0 0;padding: 6px;font-size: 15px;width: 100%;justify-content: center;}
.com-table-wrap-mo .com-box .com-right{padding: 0 16px;}
.com-table-wrap-mo .com-box .com-right .com-row{border-bottom: 1px solid #ddd;padding: 0 0 10px 0;margin: 0 0 10px 0;}
.com-table-wrap-mo .com-box .com-right .com-row:last-child{border:none;}
.com-table-wrap-mo .com-box .com-right .com-row dl{}
.com-table-wrap-mo .com-box .com-right .com-row dt{font-size: 15px;color: #003675;font-weight: 600;}
.com-table-wrap-mo .com-box .com-right .com-row dd{font-size: 15px;padding: 6px 0 0 10px;position: relative;}
.com-table-wrap-mo .com-box .com-right .com-row dd strong{font-weight: 600; }
.com-table-wrap-mo .com-box .com-right .com-row dd:before{content: '';display: block;width: 4px;height: 4px;background: #333;border-radius: 50%;position: absolute;left: 0;top: 14px;} 
.com-table-wrap-mo .com-box .com-right .com-row dd.legend strong{font-size: 16px;margin-left: -10px;font-weight: 600;color: #2a52b1;}
.com-table-wrap-mo .com-box .com-right .com-row dd.legend:before{content:none; }


@media (max-width:440px) {
    .data-satisfaction .cont ul li a{display: inline-flex; align-items: center; justify-content: center; min-height: 54px;}
    .data-satisfaction .cont ul li button{min-height: 54px;}
}


@media (max-width:400px) {
    .com-conts-area .com-mob-brd-07 .arr-link {height:auto; padding: 12px 40px 12px 25px; background: url(/cloud/m/img/common/arrow_btn-a5f148e9639ea5832f645069f5e2d6b8.svg) right 13px top 40px no-repeat;}
    .com-conts-area .com-mob-brd-07 .arr-link .title {width:55%;}
}

@media (max-width:362px) {
    .data-satisfaction .cont ul li a{min-height: 75px;}
    .data-satisfaction .cont ul li button{min-height: 75px;}
}

/************************* 알림마당 **************************/

/* 공통, nf- */
.nf-btn-box-01 { padding: 24px 20px; margin-top: 32px; }
.nf-btn-box-02 { padding: 24px 0; }

/*.nf-webzine-box { padding: 24px 0; }*/
.nf-webzine-box img { max-width: 100%; margin: 0 auto; }
.nf-webzine-ctrl-box { width: 100%; display: flex; padding: 24px 20px 40px; border: 1px solid #ddd; position: sticky; bottom: 0; left: 0; background-color: #fff; gap: 16px; z-index: 1; }
.nf-webzine-ctrl-box button { width: 100%; min-height: 40px; display: flex; justify-content: center; align-items: center; font-size: 15px; border-radius: 6px; }
.nf-webzine-ctrl-box .btn-prev { color: #000B17; border: 1px solid #1D1D1D; }
.nf-webzine-ctrl-box .btn-next { color: #fff; background-color: #246BEB; }

.nf-post-detail-box { padding: 20px; padding-top: 0; overflow-x: hidden;}
.nf-post-detail-box .nf-post-hd-box { padding: 24px 0; display: flex; flex-direction: column; gap: 12px; border-bottom: 1px solid #ddd; }
.nf-post-detail-box .nf-post-hd-box .title { color: var(--career--gray-90); font-weight: 800; font-size: 19px; }
.nf-post-detail-box .nf-post-hd-box .info-list { font-size: 15px; display: flex; flex-wrap: wrap; align-items: center; gap: 3px 8px; }
.nf-post-detail-box .nf-post-hd-box .info-list > div { display: flex; align-items: center; gap: 8px; }
.nf-post-detail-box .nf-post-hd-box .info-list dt { color: #333; font-weight: 800; }
.nf-post-detail-box .nf-post-hd-box .info-list dd { color: #555; }
.nf-post-detail-box .nf-post-hd-box .bt { display: flex; align-items: center; justify-content: space-between; }
.nf-post-detail-box .nf-post-ctt { padding: 24px 0; font-size: 17px; border-bottom: 1px solid #ddd; }
.nf-post-detail-box .nf-post-ctt img {max-width:100% !important;}
.nf-post-detail-box .nf-post-ctt + .com-mob-btn-01.primary { margin-top: 24px; }
.nf-post-detail-box .nf-post-ctt table{width: 100%;}
.nf-post-detail-box .nf-post-ctt table td{width: auto;}
.nf-post-detail-box .nf-post-file-list {border-bottom: 1px solid #ddd; }
.nf-post-file-list { padding: 24px 0; font-size: 15px; display: flex; flex-direction: column; gap: 8px;}
.nf-post-file-list > li {display: flex; gap: 8px; flex-wrap: wrap;}
.nf-post-file-list button { display: inline-flex; align-items: flex-start; word-break: break-all; text-align: left; text-decoration: underline; color: #18A0FB; }
.nf-post-file-list button::after { content: ""; flex-shrink: 0; width: 20px; height: 20px; background: url(/cloud/m/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) no-repeat; margin-top: 2px; margin-left: 4px; }
.nf-post-detail-box .nf-post-file-list + .com-mob-btn-01.primary { margin-top: 24px; }

.nf-corner-sel-box { padding: 24px 20px; border-bottom: 1px solid #c6c6c6; }
.nf-corner-sel-box .acc-hd { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.nf-corner-sel-box .acc-hd::after { content: ""; width: 12px; height: 9px; background: url(/cloud/m/img/common/icon_angle_down_02-0213b2cf8f925283505fb8cacfded4fa.svg) no-repeat; }
.nf-corner-sel-box .acc-hd.active::after { background: url(/cloud/m/img/common/icon_angle_up_02-c338e1c41ba09c3431d84cec6998dade.svg) no-repeat; }
.nf-corner-sel-box .acc-hd.active + .acc-body { display: block; }
.nf-corner-sel-box .acc-body { display: none; margin-top: 16px; }
.nf-corner-sel-box .label-txt { color: #1d1d1d; font-size: 17px; font-weight: 800; }
.nf-corner-sel-box select { appearance: none; width: 100%; height: 48px; color: #8E8E8E; padding-left: 16px; padding-right: 40px; border: 1px solid #717171; border-radius: 8px; background: url(/cloud/m/img/common/icon_angle_down_02-0213b2cf8f925283505fb8cacfded4fa.svg) no-repeat center right 16px; background-size: 10px; }

.nf-dreamletter-type { display: flex; align-items: center; justify-content: space-between; background-color: #E8EFFF; padding: 16px 20px; gap: 20px; }
.nf-dreamletter-type .type-name { color: #555; font-size: 15px; font-weight: 500; }
.nf-dreamletter-type .type-name .date { color: #086DB5; font-weight: 600; }
.nf-dreamletter-type .img-type { flex-shrink: 0; }
.nf-dreamletter-detail-box { padding: 0 20px; }
.nf-dreamletter-detail-box .nf-dreamletter-hd { padding: 24px 0; display: flex; flex-direction: column; border-bottom: 1px solid #ddd; }
.nf-dreamletter-detail-box .nf-dreamletter-hd .title { font-size: 19px; font-weight: 800; color: var(); }
.nf-dreamletter-detail-box .nf-dreamletter-hd .info-list { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 3px 8px; align-items: center; font-size: 15px; }
.nf-dreamletter-detail-box .nf-dreamletter-hd .info-list > div { display: flex; align-items: center; gap: 8px; padding-right: 8px; position: relative; }
.nf-dreamletter-detail-box .nf-dreamletter-hd .info-list > div:not(:last-of-type)::after { content: ""; width: 1px; height: 20px; background-color: #d9d9d9; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.nf-dreamletter-detail-box .nf-dreamletter-hd .info-list dt { color: #333; font-weight: 800; }
.nf-dreamletter-detail-box .nf-dreamletter-hd .info-list dd { color: #555; }
.nf-dreamletter-detail-box .nf-dreamletter-ctt { padding: 24px 0; border-bottom: 1px solid #ddd; }
.nf-dreamletter-detail-box .nf-dreamletter-file-list { padding: 24px 0; font-size: 15px; display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid #ddd; }
.nf-dreamletter-detail-box .nf-dreamletter-file-list > li { }
.nf-dreamletter-detail-box .nf-dreamletter-file-list button { display: inline-flex; align-items: flex-start; word-break: break-all; gap: 8px; text-align: left; }
.nf-dreamletter-detail-box .nf-dreamletter-file-list button::before { content: ""; flex-shrink: 0; width: 20px; height: 20px; background: url(/cloud/m/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) no-repeat; margin-top: 2px; }
.nf-dreamletter-img-box { padding: 20px 10px; }
.nf-dreamletter-img-box img { margin: 0 auto; }

.nf-title-box-01 { }
.nf-title-box-01 .type { display: flex; align-items: flex-start; gap: 8px; color: #246BEB; font-size: 15px; font-weight: 800; }
.nf-title-box-01 .type::before { content: ""; flex-shrink: 0; width: 16px; height: 12px; background: url(/cloud/m/img/common/icon_book-366fd42396bbcc2c55f10eca35a795f2.svg) no-repeat; margin-top: 5px; }
.nf-title-box-01 p { margin-top: 16px; font-size: 17px; color: var(--career--gray-90); }



/* 응모하기 탭 */


/* .nf-event-view-wrap > div.hd { justify-content: space-between; background: var(--career--secondary-5); border-bottom: 1px solid var(--career--secondary-30); }
.nf-event-view-wrap > div.hd .title { font-size: var(--title-m-700); font-weight: 600; }
.nf-event-view-wrap > div.hd .date span { color: var(--career--point); }
.nf-event-view-wrap > div.con { padding: 40px 20px; border-bottom: 1px solid var(--career--gray-40); } */
.nf-event-view-wrap { margin: 20px 0; }
.nf-event-view-wrap > button img { filter: brightness(100); }
.nf-event-view-wrap .file-download-list { display: flex; flex-direction: column; justify-content: flex-start !important; align-items: flex-start; }
.nf-event-view-wrap .file-download-list span { font-weight: 600; }
.nf-event-view-wrap .file-download-list button { width: fit-content; margin: 4px 0; }
.nf-event-view-wrap .file-download-list button::after { content: ''; display: block; width: 20px; height: 20px; background: url(/cloud/m/img/common/icon_download-6370cff7da44699a6dcb3072ce4b4ea9.svg) no-repeat center; }

.nf-dreamletter-wrap { margin-bottom: 40px; }
.nf-dreamletter-wrap div.hd { margin-top: 40px; padding: 12px 20px; justify-content: space-between; background: var(--career--secondary-5); border-bottom: 1px solid var(--career--secondary-30); }
.nf-dreamletter-wrap .title { font-size: var(--title-m-700); font-weight: 600; }
.nf-dreamletter-wrap div.con { padding: 40px 20px; border-bottom: 1px solid var(--career--gray-40); }
.nf-dreamletter-wrap div.con img { margin: 0 auto; }
.nf-dreamletter-wrap .com-table-wrap tbody td.type { min-height: 58px; display: flex; align-items: center; justify-content: center; gap: 4px; }
.nf-dreamletter-wrap .com-conts-title { margin-bottom: 12px; }

.nf-dreamletter-script-box { margin-bottom: 40px; }
.nf-dreamletter-script-box .script-box { padding: 40px; border: 1px solid var(--career--gray-20); background: var(--career--gray-5); border-radius: 12px; display: grid; gap: 16px; }
.nf-dreamletter-script-box .script-box .hd { padding-left: 156px; height: 154px; margin-bottom: 40px; background: url(../img/sub/dreamletter_bg.png) no-repeat left center; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 16px; }
.nf-dreamletter-script-box .script-box .hd .title { font-size: var(--title-m-700); font-weight: 600; color: #1d1d1d; }
.nf-dreamletter-script-box .script-box .hd .info { font-size: var(--body-l-400); color: #1d1d1d; }
.nf-dreamletter-script-box .script-box .con { padding-top: 40px; border-top: 1px dashed #c6c6c6; display: flex; align-items: center; gap: 8px; color: #1d1d1d; }
.nf-dreamletter-script-box .script-box .con span { display: inline-block; font-weight: 600; }
.nf-dreamletter-script-box .form-box { margin-top: 40px; }
.nf-dreamletter-script-box .form-box { border: 1px solid var(--career--gray-40); border-radius: 12px; padding: 40px; display: grid; gap: 64px; }
.nf-dreamletter-script-box .form-box .label-txt { font-size: var(--title-s-700); font-weight: 600; margin-bottom: 16px; display: block; }
.nf-dreamletter-script-box .form-box .checkbox-list { display: flex; align-items: center; justify-content: space-between; }
.nf-dreamletter-script-box .form-box .notice-list li { list-style: disc; list-style-position: inside; color: #555; line-height: 200%; }
.nf-dreamletter-script-box .form-box .agree-box { margin-top: 16px; display: flex; align-items: center; justify-content: space-between; padding: 22px 24px; border-radius: 8px; background: #F0F0F0; }
.nf-dreamletter-script-box .form-box .email-form { display: flex; align-items: center; gap: 8px; }
.nf-dreamletter-script-box .form-box .email-form .com-text-input.lg input { width: 470px; }


.nf-event-form-box { border: 1px solid var(--career--gray-40); border-radius: 12px; padding: 30px 25px; display: grid; gap: 40px; width: 100%; }
.nf-event-form-box .com-btn.primary { justify-self: center; font-size: 17px; }
.nf-event-form-box .label-txt { font-size: var(--title-s-700); font-weight: 600; margin-bottom: 16px; display: block; }
.nf-event-form-box img { filter: brightness(100); }
.nf-event-form-box .notice-list li { list-style: disc; list-style-position: inside; color: #555; line-height: 200%; font-size: 15px; }
.nf-event-form-box .agree-box { margin-top: 16px; padding: 18px 20px; border-radius: 8px; background: #F0F0F0; font-size: 15px; }
.nf-event-form-box .form-grid-box { display: grid; gap: 25px; }
.nf-event-form-box .form-grid-box div label { font-size: 15px; font-weight: 400; }
.nf-event-form-box .form-grid-box .com-textarea-wrap { width: 100%; }
.nf-event-form-box .w-email { width: 460px; }
.nf-event-form-box .radio-list { display: flex; flex-wrap: wrap; gap: 15px 20px; }
.nf-event-form-box .radio-list label { margin: 0; }
.nf-event-form-box .w-100-p { width: 100%; }

.nf-badge.school { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 20px; height: 20px; color: #fff; font-size: 12px; font-weight: 600; margin: 0 auto; }
.nf-badge.school.elementary { background: #9EB202; }
.nf-badge.school.middle { background: #ED9729; }
.nf-badge.school.high { background: #269BED; }

.nf-file-upload > label { margin-bottom: 12px; }
.nf-file-upload .in-filebox .upload-name { display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle; border: 1px solid var(--career--gray-60); border-radius: 8px; width: 50%; color: #888; font-size: 15px; }
.nf-file-upload .in-filebox label { padding: 10px 16px; height: 40px; color: #fff; display: inline-flex; align-items: center; border-radius: 8px; background: var(--career--primary-50); cursor: pointer; margin-left: 4px; font-size: 15px; }
.nf-file-upload .in-filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.nf-file-upload span { display: block; font-size: var(--body-s-400); color: var(--career--gray-70); margin-top: 8px; }

.cc-input-tel-box { display: flex; align-items: center; }
.cc-input-tel-box span { padding: 0 5px; }
.cc-input-tel-box :is(select,input) { width: 80px; }
.cc-input-tel-box .com-select-box.type-01 select { padding-right: 36px; }
.com-select-box.type-01.lg select { font-size: 16px; }



/************************* 커리어넷 이용안내 **************************/

/* 공통, cug- */
.cug-test { }

.cug-qna-wrap .com-mob-qna-01 .answer-wrap { margin-top: 0; }
.cug-qna-wrap .com-mob-qna-01 { border-top: none; margin-bottom: -1px; }
.cug-qna-wrap .com-mob-qna-01 :is(.question-wrap, .answer-wrap) { padding: 11px 20px; }



/************************* 나의 진로활동 **************************/

/* 공통, mca- */
/* 탭 */
.mca-tab { }
.mca-tab button.active { color:#246BEB !important }
.mca-tab button.active::before { background-color:#246BEB !important; }


/* 공간 */
.ced-into-box + .mca-conts-wrap {margin-top:-25px;}

.mca-conts-wrap { display: grid; gap:25px; }
.mca-conts-area { display: grid; gap:18px; padding:30px 20px }
.mca-conts-area .com-mob-srch-box-02 { padding: 0; }
.mca-dvi-line { height: 10px; background:#f9f9f9; border-width: 1px 0 1px 0; border-style: solid; border-color: #eee; }


/* 제목 및 설명 */
.mca-cont-tit-area { display: grid; gap:4px }
.mca-cont-tit-18-500 { font-size: 18px; font-weight: 500; color:#000000 }
.mca-cont-ment { }
.mca-cont-ment span { position: relative; display: inline-block; font-size: var(--body-s-400); font-weight: 500; color: #7081A0; padding-left: 20px; }
.mca-cont-ment span:before { content: ""; position: absolute; left: 0; top: 3px; display: inline-block; width: 14px; height: 14px; background: url("/cloud/m/img/common/icon_hint_gray-65953e74cbb558a9c0afd255dbb4a0d7.svg") no-repeat center center; background-size: cover; }
.mca-icon-tit { display: flex; align-items: center; gap:10px; padding-bottom: 15px; border-bottom: 1px solid #D9D9D9 }
.mca-mob-intro-no-icon > .inner::before { display: none; }

/* 버튼 */
.mca-btns-area { display: flex; justify-content:center; gap:10px; margin-top: 30px }
.mca-btns-area button { width: 100%; max-width: 420px; }
.mca-btns-area.with-pd { padding: 20px; }
.mca-btns-area.no-mgt { margin-top: 0; }
.mca-btns-area .com-mob-btn-01 { margin: 0; }
.mca-btn-type-01 { border:1px solid #1d1d1d }


/* 폼 */
.mca-frm-full { width: 100%; }


/* 텍스트 정렬 */
.mca-txt-left { text-align: left !important; }
.mca-txt-center { text-align: center !important; }
.mca-txt-right { text-align: right !important; }

/* 새창 */
.mca-open-conts-wrap { position: fixed; top: 0; left: 100%; width: 100%; height: 100dvh; z-index: 2000; background-color: #fff; overflow: auto; display: flex; flex-direction: column; transition: 0.5s; }
.mca-open-conts-wrap.active { left: 0; }
.mca-open-conts-wrap .mca-btns-area { margin-top: auto; }
.mca-open-conts-wrap .mca-open-conts-tit { display: flex; justify-content: space-between; align-items: center; padding: 24px 20px; }
.mca-open-conts-wrap .mca-open-conts-tit h2 { font-size:28px; font-weight:700; }
.mca-open-conts-wrap .mca-open-conts-tit .mca-btn-close { width:24px; height: 24px; background:url("/cloud/m/img/common/mob_icon_x-e5b14cc4d1e5bc738999b2887de94bdf.svg") no-repeat center center; text-indent: -9999px; }

/* 나의 프로필 */
.mca-prf-box { display: flex; flex-direction: column; justify-content: center; align-items: center; gap:16px; padding: 30px 0 }
.mca-prf-box .mca-prf-thumb { position: relative; width: 100px; height: 100px; border-radius: 50%; background:#F9F9F9; border:1px solid #ddd; margin-bottom: 10px; }
.mca-prf-box .mca-prf-thumb .mca-prf-img { display: flex; justify-content: center; align-items: center; height: 100%; }
.mca-prf-box .mca-prf-thumb button { position: absolute; right:-3px; bottom: -5px; width: 30px; height: 30px; border-radius: 50%; background:#686E7E url("/cloud/m/img/common/icon_camera_w-5586119f213750150a02925de636fd89.svg") no-repeat center center; text-indent: -9999px }
.mca-prf-box p.mca-prf-name { font-size: 20px; font-weight: 500; color:#222; text-align: center; }
.mca-prf-box p.mca-prf-name span { display: block; font-size: 14px; color:#555; }
.mca-conts-area .com-text-input { display: flex; gap: 0 10px; }
.mca-conts-area .mca-input-amt-box { position: relative; width: 100%; }
.mca-conts-area .mca-input-amt-box input { width: 100%; padding-right: 70px; }
.mca-conts-area .mca-input-amt-box .count { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: var(--body-m-700); color: #828282; z-index: 1; }

/* 나의 진로상담 */
.mca-qa-wrap .answer-wrap { margin-top: 0; }

.mca-sati-wrap { background:#F2F8FA; padding:24px 20px; }
.mca-sati-box { background:#fff; padding: 24px 16px; border:1px solid #DDDDDD; }
.mca-sati-cont { display: grid; gap:10px; padding:15px 0 }

.mca-box-01 { display: flex; flex-direction: column; gap: 8px; }
.mca-box-01 + .mca-box-01 { margin-top: 10px; }

.mca-textarea-box { }
.mca-textarea-box > .hd-box { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 12px; }
.mca-textarea-box > .hd-box .label-txt { font-size: var(--label-l-700); font-weight: 700; color: var(--career--primary-90); }
.mca-textarea-box > .hd-box button { flex-shrink: 0; }
.mca-textarea-box textarea { width: 100%; height: 150px; padding: 16px; border: 1px solid var(--career--gray-60); border-radius: 8px; font-size: 17px; }

.mca-pd-lr-5 { padding: 0 5px; }

.mca-fw-800 { font-weight: 800 !important; }


/*---------------------------------------------------------------------
 * 직업가치관 연결하기
 *-------------------------------------------------------------------*/

.mca-help-ment { font-size: 18px; }
.mca-value-connect.bg-blue { background:#EFF5FF; margin-top:25px;}
.mca-value-connect.bg-blue .mca-card-list-box.type-02 { background:#EFF5FF; }
.mca-value-connect .mca-rd-type-head ul { display: flex; align-items: center; }
.mca-value-connect .mca-rd-type-head ul li { width: 100%; line-height: 50px; font-size: 17px; text-align: center; color:#fff; }
.mca-value-connect .mca-rd-type-head ul li.mca-type-1 { border-radius: 8px 0 0 0; background:#1B7EE0 }
.mca-value-connect .mca-rd-type-head ul li.mca-type-2 { border-radius: 0 8px 0 0; background:#22B58D }
.mca-value-connect .mca-rd-type-cont { display: flex; align-items: stretch; padding:30px 15px; background:#F9FBFF }
.mca-value-connect .mca-rd-type-cont > div { display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; width: 100% }
.mca-value-connect .mca-rd-type-cont .mca-tab-cont-1 { gap:40px; }
.mca-value-connect .mca-rd-type-cont .mca-tab-cont-2 { gap:15px; }
.mca-value-connect .mca-rd-type-cont .mca-tab-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; color:#444; }
.mca-value-connect .mca-rd-type-cont .mca-tab-cont-1 .mca-tab-btn { padding-right: 50px; }
.mca-value-connect .mca-rd-type-cont .mca-tab-cont-2 .mca-tab-btn { padding-left: 50px; }
.mca-value-connect .mca-rd-type-cont .mca-tab-btn button { border:1px solid #D9D9D9; width: 100%; }
.mca-value-connect .mca-rd-type-cont .mca-tab-cont-1 .mca-tab-btn button { height: 54px; }
.mca-value-connect .mca-rd-type-cont .mca-tab-cont-2 .mca-tab-btn button { height: 40px; }
.mca-value-connect .mca-rd-type-cont .mca-tab-btn .mca-btn-cir { position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 18px; height: 18px; background:#B4C5D2; border-radius: 50%; }
.mca-value-connect .mca-rd-type-cont .mca-tab-cont-1 .mca-tab-btn .mca-btn-cir { right:20px; }
.mca-value-connect .mca-rd-type-cont .mca-tab-cont-2 .mca-tab-btn .mca-btn-cir { left:20px; }

/* 활동1 as-is */
.mca-value-connect .connect_box { padding: 30px 15px; margin: 0; background-color: #f0f3f6; }
.mca-value-connect .connect_box .inner { display: table; width: 100%; table-layout: fixed; }
.mca-value-connect .connect_box .cell { display: table-cell; vertical-align: top; }
.mca-value-connect .connect_box .button_box { height: 400px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: justify; }
.mca-value-connect .connect_box .button_box em { font-style: normal; }
.mca-value-connect .connect_box .button, .mca-value-connect .connect_box .box { display: table; table-layout: fixed; width: 100%; box-sizing: border-box; border: 1px solid #D9D9D9; background-color: #fff; font-size: 17px; color: #444; line-height: 20px; }
.mca-value-connect .connect_box .button span, .mca-value-connect .connect_box .box span { display: table-cell; padding: 0 13px; box-sizing: border-box; vertical-align: middle; text-align: center; }
.mca-value-connect .connect_box .button.on, .mca-value-connect .connect_box .box.on { color: #333; }
.mca-value-connect .connect_box .left_cell .button { height: 60px; }
.mca-value-connect .connect_box .right_cell .box { height: 40px; color: #333; }
.mca-value-connect .connect_box .line_box { position: relative; overflow: hidden; height: 100%; }

.mca-btns-group-col-2 { display: grid; grid-template-columns: repeat(2,1fr); gap:12px; }
.mca-btns-group-col-2 .mca-chk-btn { width:100%; height: 43px; }
.mca-btns-group-col-2 .mca-chk-btn input[type=checkbox] { display: none; }
.mca-btns-group-col-2 .mca-chk-btn input[type=checkbox] + label { display: flex; justify-content: center; align-items: center; gap:5px; width: 100%; height: 43px; background-color:#fff; font-size: 14px; border: 1px solid #C6C6C6; border-radius: 4px; text-align: center; }
.mca-btns-group-col-2 .mca-chk-btn input[type=checkbox] + label:after { }
.mca-btns-group-col-2 .mca-chk-btn input[type=checkbox]:checked + label { border-color:#246BEB; background-color:#EFF5FF; color:#1D56BC; }
.mca-btns-group-col-2 .mca-chk-btn input[type=checkbox]:checked + label:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; background:url("/cloud/m/img/common/icon_check-e78a12a15b55b8114c8d0bea961ce64e.svg") no-repeat center center; }

.mca-rd-cont-line { border-radius: 8px; border:1px solid #D9D9D9 }
.mca-rd-cont-line .com-mob-qna-01 { border: none; }
.mca-rd-cont-line .com-mob-qna-01 :is(.question-wrap, .answer-wrap) { border:none; }
.mca-rd-cont-line .com-mob-qna-01 .qa-hd-box .title { font-size: 17px; font-weight: 400; color:#3c3c3c; }
.mca-btn-blue-line { border-color:#246BEB; background:#fff !important; }


/*---------------------------------------------------------------------
* 직업가치관 카드게임
*-------------------------------------------------------------------*/

.mca-conts-center { display: flex; flex-direction: column; justify-content: center; align-items: center; gap:20px; }
.mca-color-orange { color:#F65742 }
.mca-color-blue { color:#1B7EE0 }
.mca-tit-top { font-size: 26px; }
.mca-step-txt { text-align: center; }
.mca-step-txt .mca-step-num { display: inline-block; vertical-align: middle; padding: 0 20px; line-height: 27px; background:#1B7EE0; font-size: 18px; font-weight: 500; text-align: center; color:#fff; border-radius: 50px; margin-bottom: 20px; }
.mca-step-txt .mca-txt-underline { font-size: 20px; color:#3c3c3c; text-decoration: underline; }
.mca-rd-box-line-blue { border-radius: 8px; background:#F9FBFF; border:1px solid #D9D9D9; padding: 25px 20px; }
.mca-list-items ul li { position: relative; padding-left:10px; }
.mca-list-items ul li:before { content: ""; display: block; position: absolute; left: 0; top:10px; width:4px; height: 4px; border-radius: 50%; background:#3c3c3c; }
.mca-card-list-box { background:#EFF5FF; }
.mca-card-list-box.type-02 { background:#fff; }
.mca-card-list-box ul { padding: 40px 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items:stretch; gap:10px; }
.mca-card-list-box.type-02 ul { padding-top:20px; padding-bottom: 20px; }
.mca-card-list-box ul li { width: 30%; min-width: 105px; height: 100%; }

.selected_card{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;background: #ffffff;padding: 38px 0;margin-top: -25px;border-bottom: 2px solid #dbdffa;}
.selected_card h4{width: 100%;text-align: center;font-weight: 600;color: #1b7ee0;}
.sel-card{position: relative;text-align: center;}
.sel-card img{width: 90px;}
.sel-card .btn_clear{display: inline-block;width: 30px;height: 30px;border-radius: 50%;margin: 10px 0 0 0;background: #ede126 url(/cloud/m/img/common/mob_icon_x-e5b14cc4d1e5bc738999b2887de94bdf.svg) center center no-repeat;filter: invert(10) brightness(5);background-size: 12px;}
.mca-card-btn{position: relative;}
.mca-card-btn.on-first:before,
.mca-card-btn.on-second:before{
 content: '꼭필요함';
 display: flex;
 width: 80px;
 height: 36px;
 border-radius: 22px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -18px 0 0 -40px;
 background: rgb(0 115 243 / 83%);
 color: #fff;
 font-weight: 600;
 align-items: center;
 justify-content: center;
}
.mca-card-btn.on-second:before{content:'필요함'}


/* 카드 통이미지로 들어가면서 필요없어짐, 문제 없으면 삭제  */
.mca-card-cont-box { width: 100%; height: 100%; border: 1px solid #1B7EE0; border-radius: 10px; overflow: hidden; }
.mca-card-cont-box .mca-card-tit { position: relative; text-align: center; font-size: 0; background:#fff; min-height: 100px; height: 100%; display: flex; align-items: center; justify-content: center; }
.mca-card-cont-box .mca-card-tit img { display: inline-block; }
.mca-card-cont-box .mca-card-tit > span { position: absolute; right:10px; top:10px; font-size: 10px; color:#1B7EE0 }
.mca-modal-wrap .mca-card-cont-box .mca-card-tit { display: flex; align-items: center; justify-content: center; min-height: 200px; }
.mca-modal-wrap .mca-card-cont-box .mca-card-tit img { display: inline-block; width: 113px; }
.mca-modal-wrap .mca-card-cont-box .mca-card-tit > span { position: absolute; right:10px; top:10px; font-size: 10px; color:#1B7EE0; font-size: 15px; }
.mca-modal-wrap .mca-card-cont-box .mca-card-explain p { font-size: 17px; }
.mca-card-cont-box .mca-card-explain { padding: 10px; background:#1B7EE0 }
.mca-card-cont-box .mca-card-explain p { font-size: 10px; color:#fff; text-align: center; }
.mca-btn-blue-foot { background:#1B7EE0 !important; color:#fff !important; justify-content: space-between; padding: 0 20px; }
.mca-card-list-box.type-02.bg-blue > ul {display:flex; align-items:center; padding:0; margin:40px 20px;}
.mca-card-list-box.type-02.bg-blue > ul >li {position:relative; overflow:hidden; min-width:0;}
.mca-card-list-box.type-02.bg-blue > ul >li .mca-arr {padding-top:0;}
.mca-card-list-box.type-02.bg-blue > ul >li.dimed {line-height:1;}
.mca-card-list-box.type-02.bg-blue > ul >li.dimed:before {display:block; content:''; width:100%; height:100%; border-radius:5px; background-color:rgba(0,0,0,0.4); position:absolute; z-index:1;}
.mca-card-list-box.type-02.bg-blue > ul >li.dimed:after {display:inline-block; content:''; position:absolute; width:50px; height:50px; background:url(/cloud/m/img/common/icon_x_light_w-e2d4cff7a310c421292c32c06bee9d46.png) no-repeat center center; background-size:100% auto; left:50%; top:50%; z-index:2; transform:translate(-50%, -50%);}
.mca-card-list-box.type-02.bg-blue .bedge:before {display:inline-block; content:'x2'; position:absolute; left:10px; top:10px; width:30px; height:30px; text-align:center; background:#ff0000; border-radius:50%; font-size:14px; font-weight:700; line-height:30px; color:#fff;}


.mca-list-rst { background:#fff; }
.mca-list-rst.mca-card-list-box ul { justify-content: center; }
.mca-list-rst.mca-card-list-box ul li { position: relative; width: auto; text-align: center; }
.mca-list-rst.mca-card-list-box ul li .btn_list_del { display: inline-block; width: 30px; height: 30px; background:url("/cloud/m/img/common/icon_x_light-474b52d2f0f5e475f4be3c1b904fdb81.svg") no-repeat center center; text-indent: -9999px; }
.mca-tit-blue { font-size: 18px; color:#1B7EE0; padding: 0 20px; }
.mca-rd-box-line { border:1px solid #D9D9D9; border-radius: 8px; padding: 30px 20px; }
.mca-brd-rd-list { border:1px solid #D9D9D9; border-radius: 8px; }
.mca-brd-rd-list .mca-brd-rd-list-tit { background:#F9FBFF; border-bottom: 1px solid #d9d9d9; padding: 20px; }
.mca-brd-rd-list .mca-brd-rd-list-tit strong { font-size: 18px; font-weight: 500; color:#246BEB; }
.mca-brd-rd-list .mca-brd-rd-list-cont { padding:20px; }
.mca-brd-rd-list .mca-brd-rd-list-cont p { }
.mca-brd-rd-list .com-checkbox { display: flex; flex-direction: row; justify-content: flex-end; padding:0 20px 20px; }
.mca-arr { display: flex; justify-content: center; align-items: center; padding-top: 25px }
.mca-modal-wrap { position: fixed; left: 0; top:0; display: flex; justify-content: center; align-content: center; align-items: center; width: 100%; height: 100%; background:rgba(0,0,0,0.5); z-index: 100 }
.mca-modal-wrap .mca-modal-cont { background:#fff; border-radius: 10px; width: 400px; max-width: 90%; padding: 35px; }
.mca-modal-wrap .mca-card-list-box ul li { width: 100%; height: 100%; }
.mca-modal-wrap .mca-card-list-box ul li .mca-card-cont-box { width: 100%; height: 100%; }
.mca-card-items { display: flex; flex-direction: column; justify-content: center; align-items: center; gap:10px; }
.mca-txt-choice { text-align: center; padding:10px 0; font-size: 20px; color:#3c3c3c }



/* 직업가치관검사 아이콘 문항(49번) */
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn{height: auto; position: relative;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn input[type=checkbox] + label{height: 90px; padding: 50px 0 0;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn:before{content:''; display: block; width: 41px; height: 40px; background: url(/cloud/m/img/sub/icon_value12type-dc1efedad265854b835e4d69216144a1.png) no-repeat; position: absolute; top:14px; left: 50%; margin-left: -20px;}

.mca-btns-group-col-2.mca-img-btn .mca-chk-btn01:before{background-position: 4px 0px;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn02:before{background-position: -40px 0px;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn03:before{background-position: -82px 0px;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn04:before{background-position: -129px 0px;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn05:before{background-position: 0px -47px;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn06:before{background-position: -40px -47px;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn07:before{background-position: -84px -47px;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn08:before{background-position: -129px -47px;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn09:before{background-position: 4px -98px;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn10:before{background-position: -41px -98px; width: 44px;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn11:before{background-position: -86px -98px;}
.mca-btns-group-col-2.mca-img-btn .mca-chk-btn12:before{background-position: -129px -101px;}



/************************* 기타 **************************/
.com-modal.auto-height > .inner .ect-conts-box { padding: 0; }
.ect-conts-box { padding:0 0 10px 0; }
.ect-conts-box h3 { font-size: var(--heading-s-700); font-weight: 700; margin-bottom: 32px; }
.ect-conts-box h4 { color: #ff0000; font-weight: 700; }
.ect-conts-box a { display: inline-block; color: #2828F0; text-decoration: underline; padding: 0 3px; }

.ect-conts-box-02 { padding: 32px 20px; }
.ect-conts-box-02 h2 { font-size: var(--title-m-700); font-weight: 700; margin-bottom: 32px; }
.ect-conts-box-02 dl { font-size: var(--body-s-400); color: #111; padding-bottom: 24px; border-bottom: 1px solid var(--career--gray-40); }
.ect-conts-box-02 dl dt { font-weight: 600; }
.ect-conts-box-02 dl dd { display: flex; align-items: center; }
.ect-conts-box-02 dl dd::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #000; margin: 0 8px; }
.ect-conts-box-02 dl dt { font-weight: 600; }
.ect-conts-box-02 dl dt:nth-of-type(2) { margin-top: 16px; }
.ect-conts-box-02 dl dd:nth-of-type(2) { margin-bottom: 16px; }
.ect-conts-box-02 .ect-agree-box { padding-top: 24px; }
.ect-conts-box-02 span.ect-notice { display: block; margin-top: 24px; color: #555; font-size: var(--body-s-400); }
.ect-conts-box-02 span.ect-notice b { color: #FF0000; margin-right: 8px; }

.ect-send-error-box { padding: 32px 20px; display: grid; gap: 24px; border-top: 1px solid var(--career--gray-40); }
.ect-send-error-box > div h3 { margin-bottom: 24px; }
.ect-send-error-box .form { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.ect-send-error-box .form label { font-size: var(--body-s-400) !important; font-weight: 400 !important; margin-bottom: 8px; }
.ect-send-error-box .form .com-select-box { width: 100%; }
.ect-send-error-box .form .com-select-box select { width: 100%; }
.ect-send-error-box .form .com-select-box select option:disabled { color: #003675; }
.ect-send-error-box .form .com-text-input { width: 100%; }
.ect-send-error-box .form .com-text-input input { width: 100%; }
.ect-send-error-box .form .com-textarea { width: 100%; }
.ect-send-error-box .form .com-textarea textarea { height: 335px; }
.ect-send-error-box .form .com-textarea label { font-size: 19px; }
.ect-send-error-box .form button[type="submit"] { margin: 0 auto; }
.ect-send-error-box .form .et-input-hint { font-size: 14px; color: #555; }


/* .select-word-box */
.cpt-aptitude-select-list + .title-box {border-bottom:1px solid #D4D4D4; padding-bottom:10px;}
.cpt-aptitude-select-list + .title-box {padding-top:10px;}
.com-modal .modal-ctt  + .cpt-flex-box {margin-top:20px;}
.com-modal .modal-ctt ~ .scroll-box {margin-top:20px;}
.select-word-box {display:block; height:48px; line-height:48px; font-size:var(--label-m-400); font-weight:400; padding:0 16px; border:1px solid var(--career--gray-60); border-radius:8px;}
.com-modal .scroll-box {overflow-y:auto; border:1px solid #dcdcdc; height:calc(100vh - 470px);}

.scroll-box .list-select-box {display:flex; flex-wrap:wrap; margin-top:-1px;}
.scroll-box .list-select-box > li {width:50%; border:1px solid var(--career--gray-40); border-right:0; border-bottom:0;}
.scroll-box .list-select-box > li:nth-child(odd) {border-left:0;}
.scroll-box .list-select-box > li button {display:block; padding:10px 5px; text-align:left; width:100%; height:100%;}
.scroll-box .list-select-box > li button.on {background-color:var(--career--primary-50); color:#fff;}

.modal-cont-box {margin-top:20px;}
.modal-cont-box .list-select-box {border:1px solid #dcdcdc; display:flex; flex-wrap:wrap; margin-top:5px;}
.modal-cont-box .list-select-box > li {width:50%; border:1px solid #dcdcdc; border-left:0; border-top:0;}
.modal-cont-box .list-select-box > li:nth-child(even) {border-right:0;}
.modal-cont-box .list-select-box > li:last-of-type {border-bottom:0;}
.modal-cont-box .list-select-box > li button {display:block; padding:10px 5px; text-align:left; width:100%; height:100%;}
.modal-cont-box .list-select-box > li button.on {background-color:var(--career--primary-50); color:#fff;}
/* pc스타일과 다름. 문제 없을시 삭제 css
.info-txt .com-tag.sm {background-color:var(--career--secondary-5);}
.com-link.type-01.sm {min-height:0; padding:0 0; border:0; border-radius:0; text-decoration:underline;}
.com-link.type-01.sm::after {display:inline-block; content:','; padding-right:5px; margin-left:-4px;}
.com-link.type-01.sm:last-of-type:after {display:none;}
.com-link.type-01.sm  img {display:none;}
*/
.ji-detail-wrap .hd {padding-top:36px; padding-bottom:16px;}
.com-card.text.type-02 {border:0; padding:0;}
.com-card.text.type-02 .con-box {gap:30px;}
.com-card.text.type-02 .con-box .title {font-size:29px; line-height:1;}
.ji-detail-wrap .com-card.type-02 .terms-list {border:1px solid #A5B9E0; padding:0; border-radius:10px; overflow:hidden;}
.ji-detail-wrap .com-card.type-02 .terms-list > li {border-right:1px solid #A5B9E0; padding:20px 0; background-color:#F8FAFF;}
.ji-detail-wrap .com-card.type-02 .terms-list > li:nth-child(2) {border-left:0;}
.ji-detail-wrap .com-card.type-02 .terms-list > li:last-of-type {border-right:0;}
.ji-detail-wrap .com-card.type-02 .terms-list > li p {font-size:18px;}
.ji-detail-wrap .com-card.type-02 .terms-list > li span {font-size:21px; background-color:transparent; border:none; padding:0; margin:0; font-weight:700; color:#2c6fe9;}
.ji-detail-wrap .com-card.type-02 .terms-list > li::before {display:inline-block; content:''; width:40px; height:40px; margin-top:8px;}
.ji-detail-wrap .com-card.type-02 .terms-list > li:nth-of-type(1):before {background:url(/cloud/m/img/sub/ic_cpt_jab_detail_1-cb31a018a45adec28c2682179bf89b7f.svg) no-repeat center center; background-size:100% auto ;}
.ji-detail-wrap .com-card.type-02 .terms-list > li:nth-of-type(2):before {background:url(/cloud/m/img/sub/ic_cpt_jab_detail_2-4ba2041e498946130f565c9a9eafbef4.svg) no-repeat center center; background-size:100% auto ;}
.ji-detail-wrap .com-card.type-02 .terms-list > li:nth-of-type(3):before {background:url(/cloud/m/img/sub/ic_cpt_jab_detail_3-3b57f35ca12bc65797bf247fa515932e.svg) no-repeat center center; background-size:85% auto ;}
.ji-detail-wrap .com-card.type-02:hover .terms-list > li span {background-color:transparent;  color:#2c6fe9;}
.ji-anchor-list > li > a.active {background-color:#246BEB; color:#fff;}
.ji-anchor-list > li > a.active::before {display:none;}

.ji-conts-box {padding-top:20px; gap:30px; margin-bottom:0;}
.ji-conts-box .com-conts-title {line-height:1;}
.ji-conts-box .com-conts-title.md.title::before {transform:translateY(3px);}
.ji-conts-box .com-conts-title.md.title + .com-conts-area {margin-top:-8px;}
.ji-conts-box .com-conts-area {padding-left:8px;}

.ji-conts-box .com-conts-area .com-link.type-01.sm {font-size:18px;}
.ji-conts-box .com-conts-area .com-conts-title.sm:not(:first-of-type) {margin-bottom:0;}

.tri-red-list{ display: grid; gap: 8px; margin-top: 20px; padding-left:25px;}
.tri-red-list > li{position:relative; font-size:18px; color: var(--career--gray-70);}
.tri-red-list > li::before {content:''; display: block; width:6px; height:7px; background:url(/cloud/m/img/common/icon_bullet_sm-4a863c478c9ca279ded4979ec167105c.svg) no-repeat; position:absolute; top: 10px; left: -12px;}
.tri-red-list.normal{padding-left: 15px;}
.tri-red-list.normal > li::before{display: none;}
.tri-red-list.over{max-height: 84px; overflow: hidden;}
.tri-red-list.over > li{text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height:1.5;}

.ji-conts-box .com-conts-area .btn-more{display:flex; align-items: center; justify-content: center; gap: 10px; position:relative; border: 1px solid #B1B8CA; border-radius: 8px; background:#F3F8FE; width: 100%; height: 48px; font-weight: 600; font-size: 17px; margin: 13px 0 0 0; color: #536492;}
.ji-conts-box .com-conts-area .btn-more::after{content:''; position: absolute; right: 24px; width: 16px; height: 16px; background: url(/cloud/m/img/common/srch_arrow-f2065eb750095130f2fc5e07b14a53cd.svg) no-repeat;}
.ji-conts-box .com-conts-area .tri-red-list.over + .btn-more::after{ transform: rotate(180deg);}

.ji-conts-box .com-conts-area p.info-txt,
.ji-conts-box .com-conts-area p.con {font-size:18px; margin-top:15px;}

.ji-conts-box .com-conts-title.sm + .ji-ability-list {margin-top:20px;}
.ji-conts-box .com-conts-area .ji-ability-list + .source {margin-top:20px;}
.ji-conts-box .ji-video-link-list {margin-top:20px;}

/* login-box */
.login-box {padding:30px 20px 10px; border-bottom:1px solid #D9D9D9; background-color:#F9FBFF;}
.login-box .txt {text-align:center; font-size:18px; margin:0 40px;}

/* target-box */
.target-box {display:flex; gap:5px;}

/* cuginfo-wrap */
.cuginfo-wrap {display:flex; flex-direction:column; gap:10px; margin:43px 22px; }
.cuginfo-wrap + .cuginfo-wrap  {margin-top:50px;}
.cuginfo-wrap .com-conts-title {font-size:21px; padding-left:10px; position:relative; font-weight:700;}
.cuginfo-wrap .com-conts-title:before {content:''; display:inline-block; width:4px; height:20px; background:#5b88e4;  position:absolute; top:5px; left:0;}
.cuginfo-wrap .info-txt {margin-left:0px; font-size:16px;}
.cuginfo-wrap ul {margin-top:0px; margin-left:0px;}
.cuginfo-wrap .link-box {display:flex; gap:14px; flex-wrap:wrap; }
.cuginfo-wrap .link-box > li {width:calc(49.4% - 5px); border-radius:10px; }
.cuginfo-wrap .link-box > li:nth-of-type(1) {border:2px solid #4E79DE;}
.cuginfo-wrap .link-box > li:nth-of-type(2) {border:2px solid #359DAF;}
.cuginfo-wrap .link-box > li:nth-of-type(3) {border:2px solid #F84B2C;}
.cuginfo-wrap .link-box > li:nth-of-type(4) {border:2px solid #24AFD9;}
.cuginfo-wrap .link-box > li:before {display:inline-block; content:''; width:100%; height:100px; background-repeat:no-repeat; background-position:center center;}
.cuginfo-wrap .link-box > li:nth-of-type(1):before {background-image:url(/cloud/w/img/common/logo-183648f9c3a3d1a505f557bae30f1349.png);  background-size:;}
.cuginfo-wrap .link-box > li:nth-of-type(2):before {background-image:url(/cloud/m/img/sub/img_link_2-cedc49c692cc590013f4de7311872580.svg);  background-size:; margin-top:5px; margin-bottom:-5px;}
.cuginfo-wrap .link-box > li:nth-of-type(3):before {background-image:url(/cloud/m/img/sub/img_link_3-a887b4807cca7665e74fafa2bc8f2940.svg);  background-size:;}
.cuginfo-wrap .link-box > li:nth-of-type(4):before {background-image:url(/cloud/m/img/sub/img_link_4-a696885a8531a188f1d3cd973e4e8f90.svg);  background-size:;}
.cuginfo-wrap .link-box > li a {display:flex; align-items:center; justify-content:center;  gap:5px; text-align:left; color:#fff; height:55px; line-height:1.2;}
.cuginfo-wrap .link-box > li a:after {display:inline-block; content:''; width:28px; height:28px; background:url(/cloud/m/img/sub/icon_arrow_right-4c9691704cd89a714fde48b4659d94b8.svg);}
.cuginfo-wrap .link-box > li:nth-of-type(1) a {background-color:#4E79DE;}
.cuginfo-wrap .link-box > li:nth-of-type(2) a {background-color:#359DAF;}
.cuginfo-wrap .link-box > li:nth-of-type(3) a {background-color:#F84B2C;}
.cuginfo-wrap .link-box > li:nth-of-type(4) a {background-color:#24AFD9;}

.cuginfo-wrap .text-box {display:flex; gap:42px; flex-wrap:nowrap; flex-direction:column;}
.cuginfo-wrap .text-box > li {width:calc(100% - 0px);  border:1px solid #A4C3CC; border-radius:10px; position:relative;}
.cuginfo-wrap .text-box > li::after {display:block; content:''; position:absolute; width:30px; height:30px; background:url(/cloud/m/img/sub/icon_arrow_right_gray-52fbe1b34730b57610eb81a275c6dfe1.svg) no-repeat center center; background-size:100% auto;}
.cuginfo-wrap .text-box > li:last-of-type:after {display:none;}
.cuginfo-wrap .text-box > li::after {left:50%; bottom:-38px; transform:translateX(-50%) rotate(-45deg);}
.cuginfo-wrap .titArea {border-bottom:1px solid #E3DFEB; padding:7px 14px; font-size:14px; font-weight:700;}
.cuginfo-wrap .contArea {padding:8px 14px; display:flex; flex-direction:column; gap:8px;}
.cuginfo-wrap .contArea.col-2 {flex-direction:row; flex-wrap:wrap;}
.cuginfo-wrap .contArea.col-2 dl {width:calc(50% - 4px);}
.cuginfo-wrap .contArea dl {width:100%; display:flex; gap:10px; align-items:center;}
.cuginfo-wrap .contArea dl dt {width:70px; min-width:70px; color:#939399; font-size:14px; font-weight:700; padding-left:10px; position:relative;}
.cuginfo-wrap .contArea dl dt:before {display:inline-block; content:''; width:3px; height:3px; background-color:#939399; position:absolute; top:50%; transform:translateY(-50%); left:0;}
.cuginfo-wrap .contArea dl dd .unit {border:1px solid #36A1ED; display:inline-block; padding:4.5px 12px; font-size:14px; color:#36A1ED; border-radius:5px; margin:1px 1px;}
.cuginfo-wrap .contArea dl dd .unit + .unit {margin-left:4px;}

@media screen and (max-width: 400px) {
 .cuginfo-wrap .link-box > li {width:100%;}
}

/*이벤트: 로그인 하러가기*/

.login-card-wrap {
  display: flex;
  justify-content: center;
  margin: 20px 0 20px;
}

.login-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 20px 20px;
  border: 1px solid #cbd5e1;
  border-radius: 16px;
  background-color: #f9fbfd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  max-width: 540px;
  width: 100%;
  min-height: 90px;
  flex-wrap: wrap;
}

.login-text p {
  margin: 0;
  font-size: 1rem;
  color: #333;
}

.login-text .bold {
  font-weight: 700;
  color: #111;
}

.login-text .highlight {
  font-weight: 600;
  color: #2a70e0;
}

.login-btn {
  background-color: #2a70e0;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 12px 14px;
  border: none;
  border-radius: 8px;
  transition: background-color 0.3s;
}

.login-btn:hover {
  background-color: #1f58b6;
}

/*이벤트: 응모 완료*/
.event-complete-wrap {
  display: flex;
  justify-content: center;
  margin: 20px 0 20px;
}

.event-complete-card {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 24px;
  padding: 10px;
  border: 1px solid #cbd5e1;
  border-radius: 16px;
  background-color: #f9fbfd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  max-width: 420px;
  width: 100%;
  min-height: 64px;
  flex-wrap: wrap;
  margin-top: 48px;
}

.event-complete-text {
  margin: 0;
  font-size: 19px;
  color: #2a70e0;
  font-weight: 500;
}

.event-complete-text strong {
  font-weight: 700;
}

.file-upload-cont input[type="file"] {
  display: none;
}

.file-upload-cont input {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
}

.file-upload-files button {
  margin-left: 15px;
  background: url(/cloud/m/img/common/icon_x-ec90f1dc336af2fb460d5bee2fc6022a.svg) no-repeat;
  width: 10px;
  height: 10px;
  transform: scale(2);
}

.file-upload-files li {
  display: flex;
  align-items: center;
  padding: 10px 0;
}