@charset "utf-8";
:root {
    --width:1900;
    --designWidth:1248;
    --col_blue:#3F58D4;
    --col_skyblue:#4195e3;
    --col_skyblue_light:#F3F8FF;
    --col_green:#24A960;
    --col_green2:#117935;
    --col_lightgreen:#6aa10a;
    --col_orange:#F0651F;
    --col_navy:#39425D;
    --col_cyan:#06a0aa;
    --col_pink:#FF0046;
    --col_pink2:#E77BC8;
    --col_magenta:#FF00D6;
    --col_yellow:#af8f1b;
    --col_purple:#9E00FF;
    --col_h:#111;
    --col_body:#333;
    --col_p:#555;
    --col_dis:#888;
    --col_white:#fff;
    --col_tabe:#ccc;
    --col_btn:#ddd;
    --col_button:#757575;
    --col_border:#eee;
    --col_bg:#f5f5f5;
    --col_box_bg:#f8f8f8;
    --col_red:#E0024B;
    --col_darkred:#b21116;
    --col_gray:#757575;
    --col_brown:#A95A12;
    --col_brown2:#af8f1b;
    --col_header_line:#5DC488;
    --col_homegreen:#29C78E;
    --col_brightyellow:#fef101;
    --swiper-centered-offset-before:none;
    --swiper-centered-offset-after:none;
}

/* ************************************************************************************************************************************************************
                        《 공통 UI 》
************************************************************************************************************************************************************ */

.block{display:block}
.inline_block {display:inline-block !important;}

/* -------------------- 간격 / 사이즈 ---------------------------------------- */
.mauto {margin: auto;}

.mt0 {margin-top:0 !important;}
.mt04 { margin-top:4px !important;}
.mt08 { margin-top:8px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt14 { margin-top:14px !important;}
.mt16 { margin-top:16px !important;}
.mt20 { margin-top:20px !important;}
.mt24 { margin-top:24px !important;}
.mt28 { margin-top:28px !important;}
.mt32 { margin-top:32px !important;}
.mt40 { margin-top:40px !important;}
.mt56 { margin-top:56px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}

.mb0 {margin-bottom:0 !important;}
.mb04 {margin-bottom:4px !important;}
.mb08 {margin-bottom:8px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb14 { margin-bottom:14px !important;}
.mb16 { margin-bottom:16px !important;}
.mb20 { margin-bottom:20px !important;}
.mb24 { margin-bottom:24px !important;}
.mb28 { margin-bottom:28px !important;}
.mb32 { margin-bottom:32px !important;}
.mb40 { margin-bottom:40px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}

.ml0 {margin-left:0px !important;}
.ml04 {margin-left:4px !important;}
.ml08 {margin-left:8px !important;}
.ml12 {margin-left:12px !important;}
.ml14 {margin-left:14px !important;}
.ml16 {margin-left:16px !important;}
.ml22 {margin-left:22px !important;}
.ml32 {margin-left:32px !important;}
.ml57 {margin-left:57px !important;}
.ml100 {margin-left:100px !important;}

.mr0 {margin-right:0 !important;}
.mr04 {margin-right:4px !important;}
.mr08 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}

.pt40 {padding-top:40px !important;}

.pr0 {padding-right:0 !important;}
.pr04 {padding-right:4px !important;}
.pr08 {padding-right:8px !important;}
.pr20 {padding-right:20px !important;}

.pl0 {padding-left:0 !important;}
.pl04 {padding-left:4px !important;}
.pl08 {padding-left:8px !important;}
.pl20 {padding-left:20px !important;}

.clr_blue {color: var(--col_blue);} /* 4D65E1 → 3F58D4 컬러값 수정 (20250602) */
.clr_ff7300 {color: var(--col_red)!important;}
.clr_fff {color: var(--col_white)!important;}
.clr_333 {color: var(--col_body)!important;}
.clr_green {color: var(--col_green) !important;} /* 250730 추가 */

.pd0 { padding: 0 !important; }
.pd04 { padding: 4px !important; }
.pd08 {padding: 8px!important;}
.pd12 {padding: 12px!important;}
.pd16 {padding: 16px!important;}
.pd24 {padding: 24px!important;}
.pd30{padding: 30px !important;}
.pb0 {padding-bottom:0 !important}
.pb16 {padding-bottom:16px !important}
.pd_l_r_0 { padding-left: 0 !important; padding-right: 0 !important; }
.pd12 { padding-bottom: 12px !important; }
.pdt24 {padding-top:24px !important;}
.cont_wrap_area.type02 {width: 1400px; margin: 0 auto; padding: 40px 20px;}

#externalLoginContent .box_bot_txt { position: relative; margin-top: 60px; padding: 32px 24px 32px 60px; border: none;}
#externalLoginContent .box_bot_txt .join_info_wrap { display: flex; flex-wrap: initial; justify-content: initial;}
#externalLoginContent .box_bot_txt .img_before { width: 146px; height: 84px; margin-right: 40px;}
#externalLoginContent .box_bot_txt .img_after { position: absolute; right: 0; top: -39px;}
#externalLoginContent .box_bot_txt .ico_txt { display: block;}
#externalLoginContent .box_bot_txt .join_info { flex: 1; width: initial; margin: 8px 0 0 0;}
#externalLoginContent .box_bot_txt .join_info .list { display: flex; align-items: center; gap: initial; margin-top: 4px;}
#externalLoginContent .box_bot_txt .join_info .list li ~ li { margin-left: 8px;}
#externalLoginContent .box_bot_txt .join_info .list > li { margin-bottom: 8px;}
#externalLoginContent .box_bot_txt .join_info .list > li::before { display:inline-block;content:"";width:4px;height:4px;border-radius:4px;margin-right:8px;vertical-align:middle; margin-top: -2px; background-color: var(--col_p);}
#externalLoginContent .box_bot_txt .ico_txt.person::before { display: none;}
#externalLoginContent .box_bot_txt .box_bot_desc { margin-left: 0; line-height: 28px;}
#externalLoginContent .box_bot_txt .btn { display: flex; justify-content: center; align-items: center; height: 40px; border: 1px solid var(--col_button); background-color: var(--col_white); border-radius: 20px;}
#externalLoginContent .box_bot_txt .btn span { color: var(--col_body); font-weight: 600;}
#externalLoginContent .box_bot_txt.green { background-color: #E8FCF0;}
#externalLoginContent .login--style .box_bot_txt.blue { background-color: var(--col_skyblue_light);}
#externalLoginContent > div.tab_wrap.line_type {margin-bottom : 36px;}

.pt08 {padding-top:8px !important;}
.pt16 {padding-top:16px !important;}
.pl16 {padding-left:16px !important;}
.pr16 {padding-right:16px !important;}

.pd_tb18{padding-top:18px !important;padding-bottom:18px !important}
.pd_tb08{padding-top:8px !important;padding-bottom:8px !important}

.gap84{gap:84px}
[class*=gap_box] {display:flex;}
[class*=gap_box].column {flex-direction:column;}
.gap_box04 {gap:4px;}
.gap_box08 {gap:8px;}
.gap_box12 {gap:12px;}
.gap_box16 {gap:16px;}
.gap_box24 {gap:24px;}

.vm{vertical-align: middle;}
.vtop{vertical-align: top;}
.vtbottom{vertical-align: text-bottom !important;} /* 250713 추가 */
.vttop{vertical-align: text-top !important;} /* 250730 추가 */

.bold{font-weight:bold!important;}
.f_weight_400{font-weight:400;}
.f_weight_600{font-weight:600;}
.f_size_18{font-size:18px;}
.f_size_14{font-size:14px;}
.f_size_24{font-size:24px;}
.f_16_333 {font-size: 16px!important; color: var(--col_body)!important;}
.lh_inherit {line-height: inherit;}
.lh_1_6 {line-height: 1.6;}
.lh_1_2 {line-height: 1.2!important;}

.bgs_cover {background-size: cover!important;}

/* align */
.flex_box {display: flex !important;}
.flex_box_inline {display: inline-flex !important;}
.flex_d_col {flex-direction: column !important;}
.js_start{ justify-content: flex-start !important;}
.js_e{ justify-content: flex-end !important;}
.js_s{ justify-content: space-between !important;}
.js_c{ justify-content: center !important;}
.flex_al_c {align-items: center !important;}
.flex_al_s {align-items: flex-start !important;}
.flex_al_e {align-items: flex-end !important;}
.flex_auto{ flex:auto !important;}
.flex_auto2{ flex:0 0 auto !important;}
.flex1{ flex:1 !important;}
.flex2{ flex:2 !important;}
.flex_sh{ flex-shrink:0 !important;}
.flex_sh_be::before{ flex-shrink:0 !important;}
.flex_sh_af::after{ flex-shrink:0 !important;}
.ws_nowrap{ white-space: nowrap !important;}
.flex_g1{ flex-grow: 1 !important;}
.flex_wrap{ flex-wrap: wrap !important;}
.flex_nowrap{ flex-wrap: nowrap !important;}
.overflow_visible {overflow: visible!important;}
.only_ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: 600; line-height: 28px; color: var(--col_body);}

.itemPr40:not(.itemPr40:nth-child(2n)) {padding-right: 40px;}

/* border */
.border_t { border-top: 1px solid var(--col_button);}
.border_btm { border-bottom: 1px solid var(--col_button);}
.border_right { border-right: 1px solid var(--col_button);}
.border_left { border-left: 1px solid var(--col_button);}
.border_none {border: none !important;} /* 20250515 추가 */

/* border-radius (250730 추가) */
.radius_02 {border-radius: 2px !important;}
.radius_04 {border-radius: 4px !important;}
.radius_06 {border-radius: 6px !important;}
.radius_10 {border-radius: 10px !important;}
.radius_12 {border-radius: 12px !important;}

/* 타이틀 ~ 간격 */
.sub_tl + *:not(.box_notice_wrap) { margin-top: 16px; }
.sub_tl + *:not(.box_notice_wrap) .t2_sb {margin:0}
.upload_box + .sub_tl_s01 { margin-top: 40px; }
.tab_cont > .box_tab-contents > .sub_tl_s01 { margin-top: 40px; }

/* 안내 ~ 간격 */
.box_step + .box_notice_wrap {margin-top: 16px!important;}
.type_bd_progress + .box_notice_wrap {margin-top: 0!important;}
.box_step + .mt40 {margin-top: 16px!important;}
.box_table_wrap
~ .box_table_wrap { margin-top: 24px; }

.sub_tl_s01 + .box_table_wrap ~ .box_table_wrap {margin-top:0}

.box_notice_wrap
+ .box_table_wrap.r_type01,
.box_table_wrap .box_table + .box_table { margin-top: 40px; }

/* 팝업 간격 */
* + .pop_subtl { margin-top: 24px; }

/* 버튼 간격 */
.upload_box
+ .box_btn_wrap,
.box_btn_wrap[class*='flex_al'] { margin-top: 40px; }

.box_notice_wrap +
.box_btn_wrap { margin-top: 24px; }

/* 테이블 + 타이틀 간격 */
.box_table_wrap + .sub_tl_s01 { margin-top: 40px; }

/* 테이블 + 안내문구 간격 */
.box_table_wrap + .box_list_area { margin-top: 16px; }
.box_form_content + .box_table_wrap  {margin-top:40px}

/* 테이블 + border box */
.box_table_wrap + .box_border_type {margin-top:40px;}

/* 버튼 + 테이블 간격 */
.box_btn_wrap +
.box_table_wrap.write { margin-top: 24px; }

/* 정렬 */
.text_left{text-align:left !important;}
.text_center{text-align:center !important;}
.text_right{text-align:right !important;}

/* 가로 사이즈 클래스 */
.w100 {width:100% !important;}
.w80 {width:80% !important;}
.w70 {width:70% !important;}
.w50 {width:50% !important;}
.w13 {width:13% !important;}
.w07 {width:7% !important;}

/* input용 가로 사이즈 클래스 */
.w_xsmall { width: 80px !important; }
.w_xsmall02 { width: 100px !important; }
.w_xsmall03 { width: 120px !important; }
.w_xsmall05 { width: 140px !important; }
.w_small { width: 160px !important; }
.w_small02 { width: 180px !important; }
.w_medium { width: 200px !important; }
.w_medium02 {width: 230px !important; }
.w_default { width: 240px !important; }
.w_280 { width: 280px !important; }
.w_large { width: 360px !important; }
.w_big {width: 470px !important; }
.w_auto { width: auto !important; }
.w_btn_type01 { width: calc(100% - 70px) !important; }
.mw_none { max-width: none!important; }
.mw_816 {max-width: 816px!important;}
.w1280 {width: 1280px!important;} /* padding 클래스랑 같이 사용(위에 있음) */

.h_auto {height: auto!important;}
.h_60 {height: 60px!important;}

/* 간격 */
.item2repet > * {width: calc((100% - 80px) / 2);}
.item2repet > *:nth-child(2n) {margin-left: 80px;}

/* 폰트 스타일 Font Style */
/* Head */
.h1_sb {font-size:36px;font-weight:600;line-height:48px;color:var(--col_h)}
.h2_sb {font-size:28px;font-weight:600;line-height:40px;color:var(--col_h)}
.h2_sb_m {font-size:28px;font-weight:400;line-height:40px;color:var(--col_h)}

/* Title */
.t1_sb {font-size:24px;font-weight:600;line-height:34px;color:var(--col_h)}
.t2_sb {position: relative;font-size:20px;font-weight:600;line-height:30px;color:var(--col_h)}
.t2_r {font-size:20px;font-weight:400;line-height:30px;color:var(--col_h)}
.t3_sb {position: relative;font-size:18px;font-weight:600;line-height:28px;color:var(--col_h)}
.t3 {position: relative;font-size:18px;font-weight:400;line-height:28px;color:var(--col_h)}
/*
2023-06-20 도트버전 삭제
.t3_sb.type_dot {position:relative; padding-left:16px !important;}
.t3_sb.type_dot:before {content:''; position:absolute; top:11px; left:4px; width:4px; height:4px; background: var(--col_p); border-radius: 50%;}
*/
.ab_right {font-size:18px;font-weight:400;line-height:28px;color:var(--col_h)}

/* Body */
.b1_sb {font-size:16px;font-weight:600;line-height:28px;color:var(--col_body)}
.b1_r {font-size:16px;font-weight:400;line-height:28px;color:var(--col_body)}

/* Sub */
.s1_sb {font-size:14px;font-weight:600;line-height:24px;color:var(--col_p)}
.s1_r {font-size:14px;font-weight:400;line-height:24px;color:var(--col_p)}

/* Text Color */
.col_txt_blue{color:var(--col_blue)}

/* Link Color */
.link_text{color:var(--col_blue)}

.visited:visited {color: purple;}

.cir_333 {display: flex; justify-content: center; align-items: center; background-color: var(--col_body); color: var(--col_white); width: 24px; height: 24px; border-radius: 50%; font-size: 12px; font-weight: 600;}
.bg_tp {background-color: transparent!important;}

/* ============================== [ 컨텐츠영역 ] ========================================================================================== */
#skipnav a { display:block;overflow:hidden;position:absolute;left:0;top:-10000px}
#skipnav a:focus, #skipnav a:active { position:relative;top:0;width:100%;height:35px;line-height:35px;text-align:center;background-color:var(--col_h);color:var(--col_white);z-index:996;}
#wrap { position:relative;width:100%;min-width: 1400px;}
header {  width:100%;/*min-height:116px;*/background-color:var(--col_white); position: fixed; top:0; z-index: 995; }
#footer { width:100%}
#container { display:block;width:100%;height:100%;}
.location, #contents {width:1248px;margin:0 auto}
#contents { display:flex;justify-content:space-between;height:100%; margin:0 auto;padding-bottom:160px}
.lnb { width:248px; }
.cont_wrap {width:100%}
[data-include='lnb_inc'] + .cont_wrap, .lnb + .cont_wrap { width:calc(100% - 288px); }
.cont_wrap_area { width:100%;position:relative}

/* input range */
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    width: 100%;
  }

  input[type="range"]:focus {
    outline: none;
  }

  /* slider track */
  input[type="range"]::-webkit-slider-runnable-track {
    background-color: #cfd7ff;
    border-radius: 20px;
    height: 10px;
  }

  /* slider thumb */
  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    margin-top: -5px;
    background-color: var(--col_blue);
    border-radius: 100%;
    height: 20px;
    width: 20px;
  }


  /* slider track */
  input[type="range"]::-moz-range-track {
    background-color: #cfd7ff;
    border-radius: 20px;
    height: 10px;
  }

  /* slider thumb */
  input[type="range"]::-moz-range-thumb {
    background-color: var(--col_blue);
    border: none;
    border-radius: 100%;
    height: 20px;
    width: 20px;
  }

  .range-container {
    position: relative;
    padding-bottom:25px
}

.range-container .tick-marks {
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    padding-left:8px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    text-align: center;
}

.range-container .tick-label {
    font-size: 14px;
}

.range-container .range-label {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

/* ==========================[ 헤더영역 ]========================================================== */
/* 개인 */
#header_top {position:relative;z-index:2; width:100%;background-color:var(--col_green)}
#header_top .header_top_area { display:flex;justify-content:space-between;width:1248px;height:40px;margin:0 auto; }
#header_top .header_top_area ul.header_type { display:flex;align-items:center}
#header_top .header_top_area ul.header_type li { display:flex;align-items:center;justify-content:center;width:120px;height:40px;}
#header_top .header_top_area ul.header_type li a { display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
#header_top .header_top_area ul.header_type li a:focus {outline-offset: -4px; outline-color: var(--col_white);}
#header_top .header_top_area ul.header_type li a[title*="선택됨"]:focus {outline-color: var(--col_dis);}
#header_top .header_top_area ul.header_type li:first-child {background-color: var(--col_white); color: var(--col_body); font-weight: 600;}
#header_top .header_top_area ul.header_type li:nth-child(2) {border-right: 1px solid rgba(255, 255, 255, 0.20); color: var(--col_white);}
#header_top .header_top_area ul.header_type li:last-child { width:1008px; border-right:0px;  text-align: left;  justify-content:right; }
#header_top .header_top_area ul.header_type li:last-child p {display:block; overflow:hidden; color:var(--col_h); text-overflow : ellipsis; font-weight: 600; height: 21px; max-width: 100%; white-space : nowrap; text-align: right; padding-right: 10px; padding-left: 22px; font-size: 16px;}
#header_top .header_top_area ul.header_type li:last-child a.btn {display:block; overflow:hidden; text-overflow : ellipsis; width : 90px; white-space : nowrap; text-align: center; height: 25px; font-size:15px; border-color: var(--col_btn); padding: 3px; }
span.ico16_loudspeaker_black{ display:inline-block;width:16px;height:16px;margin-right:4px;background:url("/cm/static/images/ico16_loudspeaker_black.svg") no-repeat; vertical-align:middle;}
span.ico16_loudspeaker_white{ display:inline-block;width:16px;height:16px;margin-right:4px;background:url("/cm/static/images/ico16_loudspeaker_white.svg") no-repeat; vertical-align:middle;}

/* 헤더 유틸리티 */
#header_top .header_top_area .header_info { display:flex;align-items:center; }
#header_top .header_top_area .header_info li { display: flex; align-items: center; }
#header_top .header_top_area .header_info li + li { margin-left:16px}
#header_top .header_top_area .header_info li.bul_li { margin-left:10px}
#header_top .header_top_area .header_info li.bul_li::before { display:inline-block;content:"";width:4px;height:4px;border-radius:2px;margin-right:10px;background-color:var(--col_body);vertical-align:middle}
#header_top .header_top_area .header_info li,
#header_top .header_top_area .header_info li a { color:var(--col_body);font-size:14px;line-height:24px}
#header_top .header_top_area .header_info li:nth-last-child(2) { margin-left:8px}
#header_top .header_top_area .header_info li:last-child { margin-left:4px}
#header_top .header_top_area .header_info li .btn_num { display:inline-block;width:20px;height:20px;box-sizing:border-box;border:1px solid var(--col_body);background-repeat:no-repeat;background-position:50%;font-size:0; background-color: transparent; background-size: 16px;}
#header_top .header_top_area .header_info li .btn_num.plus { background-image:url("/cm/static/images/ico16_plus_dark.svg")}
#header_top .header_top_area .header_info li .btn_num.minus { background-image:url("/cm/static/images/ico16_minus_dark.svg")}

#gnb { margin-top:24px;width:56%;display:flex;justify-content:space-between}
#gnb > ul { display:flex;justify-content:flex-start;width:100%}
#gnb > ul > li { width:20%;line-height:28px;font-weight:600;}
#gnb > ul > li ul {margin-top:24px;display:none;position:relative;z-index:1; padding-right: 28px;}
#gnb > ul > li ul li {  text-align:left;width:100%;line-height:28px;font-size:16px;color:var(--col_p);}
#gnb > ul > li ul li + li { margin-top:8px}
#gnb > ul > li ul li a {display:inline-block}
#gnb > ul > li ul li a:hover,
#gnb > ul > li ul li a:focus { color:var(--col_blue)}

#header_bottom ul.header_util { display:flex;height:32px;gap:24px;margin-top:22px}
#header_bottom ul.header_util .header_search a{ display:inline-block; height:32px; white-space: nowrap;}
#header_bottom ul.header_util .header_search a span.ico09{ display:inline-block;width:32px;height:32px;background:url("/cm/static/images/ico32_search.svg") no-repeat; vertical-align:middle;}
#header_bottom ul.header_util .header_search a.on span.ico09{background:url("/cm/static/images/ico32_close02.svg") no-repeat; vertical-align:middle;}
#header_bottom ul.header_util .header_search a span.ico09 + span { font-size:18px; font-weight:600; vertical-align:middle;}
/*#header_bottom ul.header_util .header_category a { display:inline-block;width:32px;height:32px;background:url("/cm/static/images/ico32_category.svg") no-repeat}*/

#header_bottom.extend { height:auto;position:absolute;border-bottom:1px solid var(--col_border)}
#header_bottom.extend #gnb { padding-bottom:30px}
#header_bottom.extend #gnb ul li ul {display:block}

/* 통합검색 */
.sub_search_wrap{display:none;z-index:300;position:absolute;top:75px;left:0;width:100%;padding-bottom:40px;border-bottom:2px solid var(--col_green);background:var(--col_white);box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.10);}
.company .sub_search_wrap{border-bottom-color:var(--col_blue)}
.sub_search_wrap.active{display:block}
.topsearch_wrap {display:flex;align-items:center;}
.topsearch_wrap .main_search_area {margin:0;padding:0;}
.topsearch_wrap > .box_chk-group {margin-left:20px;}
.topsearch_wrap > .search_option_wrap {margin-left:20px;}

.topsearch_wrap .main_search_area .inner_search .btn_cate_select {position:relative;width:92px;padding-right:20px;line-height:27px;justify-content:flex-start;background:url("/cm/static/images/ico10_select.svg") no-repeat 90% 50%;}
.topsearch_wrap .main_search_area .inner_search .btn_cate_select span {display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.topsearch_wrap .main_search_area .inner_search input[type="text"] {width:420px;line-height:28px;}

.form_search_wrap {position:relative;margin:0 auto;}
.form_search_wrap.location_cont {margin:0;}
.form_search_wrap.location_cont .layer_search {top: 40px; width: max-content; padding: 10px 12px;}
.location_list > li > a {font-size: 14px}
.sub_tl + .form_search_wrap {margin:0 0 0 200px;}
.form_search_wrap .layer_search {position:absolute;left:0;top:58px;z-index:2;border-radius:16px;border:1px solid var(--col_gray);background-color:var(--col_white)}
.form_search_wrap .layer_cate_search {width:118px;padding:16px;}
.form_search_wrap .layer_auto_search {display:flex;left:118px;width:496px;}

.form_search_wrap .layer_cate_search a {display:block;}
.form_search_wrap .layer_cate_search a.active {font-weight:600;}
.form_search_wrap .layer_cate_search a.active span {position:relative;padding-right:18px;background:url("/cm/static/images/ico16_ui_checked03.svg") no-repeat right 0;}

.form_search_wrap .layer_search ul li {line-height:28px;}

.form_search_wrap .layer_auto_search > ul {flex-grow:1;padding:16px;}
.form_search_wrap .layer_auto_search > div {flex-grow:1;padding:16px;}
.form_search_wrap .layer_auto_search > .keyword + .service {border-left:1px solid var(--col_btn)}
.form_search_wrap .layer_auto_search > ul > li {line-height:28px;}
.form_search_wrap .layer_auto_search > ul > li + li {margin-top:4px;}
/* 20250602-2 추가 start */
#container .form_search_wrap {margin: initial; white-space: nowrap;}
#container .main_search_area {width: 100%;}
#container .main_search_area .inner_search { height: 64px; border-width: 5px; border-radius: 32px;}
#container .main_search_area .inner_search .btn_cate_select { display: flex; justify-content: space-between; align-items: center; position: absolute; left: 24px; top: 4px; width: 135px; height: 54px; padding: 0 16px 0 0;}
#container .main_search_area .inner_search .btn_cate_select::after { content: ''; display: block; position: absolute; right: 0; top: 50%; width: 1px; height: 30px; margin-top: -15px; background-color: var(--col_border);}
#container .main_search_area .inner_search .btn_cate_select span { font-size: 20px;}
#container .main_search_area .inner_search .btn_cate_select .icon { display: block; width: 24px; height: 24px; background: url(/cm/static/images/main_new/ico24_arrow_down.png) no-repeat;}
#container .main_search_area .inner_search .btn_cate_select .icon.active { transform: rotate(-180deg);}
#container .main_search_area .inner_search input[type="text"] { width: 417px; height: 45px; padding-left: 10px; font-size: 20px; margin-left: 64px; border-radius: 4px; outline-offset: 4px; background-color: transparent;}
#container .main_search_area .inner_search input[type="text"]::placeholder { font-size: 20px;}
#container .main_search_area .inner_search .btn_main_search { position: absolute; left: initial; right: 24px; top: 50%; z-index: 1; margin-top: -18px; background: url("/cm/static/images/ico32_search_blue.svg") no-repeat;}
#container .main_search_area .inner_search .btn_vrt_keyboard { position: absolute; left: initial; right: 60px; top: 50%; z-index: 1; margin-top: -18px; background: url(/cm/static/images/main_new/ico_keyboard.svg) no-repeat;    display: inline-block;width: 32px;height: 32px;}
#container .main_search_area .inner_select { position: absolute; left: 0; top: 0; z-index: 1;}
#container .recommend_keyword { display: flex; align-items: flex-start; margin-top: 24px;}
#container .recommend_keyword dt { margin: 7px 0 0 24px; padding-left: 22px; font-weight: 600; color: var(--col_h); background: url(/cm/static/images/main_new/ico16_search.svg) no-repeat;}
#container .recommend_keyword dd { flex: 1; margin-left: 16px;}
#container .recommend_keyword dd ul { justify-content: flex-start; flex-wrap: wrap; margin: -8px 0 0 -8px; gap: initial;}
#container .recommend_keyword dd ul a { display: flex; justify-content: center; align-items: center; height: 32px; margin: 8px 0 0 8px; padding: 0 12px; font-size: 14px; border-radius: 16px; transition: background-color ease-out .2s;}
#container .recommend_keyword dd ul a:hover { background-color: rgba(98, 212, 145, 0.16);}
#container .form_search_wrap .layer_search { top: 70px;}
.main_search_area {width: 612px; margin: 16px auto 0; padding: 12px 24px;}
.main_search_area .inner_search {display:flex; justify-content: center; align-items: center; flex-wrap: wrap; box-sizing: border-box; height: 52px; border: 3px solid transparent; border-radius: 24px; background-image:linear-gradient(var(--col_white), var(--col_white)), linear-gradient(to right, var(--col_green) 0%, var(--col_blue) 100%); background-origin: border-box; background-clip: content-box, border-box;}
.main_search_area .inner_search .btn_main_search { display:inline-block; width: 32px; height: 32px; background:url("/cm/static/images/ico24_search.svg") no-repeat 0 0;}
.main_search_area .inner_search select {-webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 92px; padding-right: 20px; background:url("/cm/static/images/ico10_select.svg") no-repeat right 50%;}
.main_search_area .inner_search input[type="text"] {position: relative; width: 340px; margin-left: 24px; border: 0;}
.main_search_area .inner_search .bar {display: block; width: 1px; height: 28px; margin-left: 8px; background-color: var(--col_btn);}
.main_search_area .inner_search .btn_main_search {top: 3px; left: 5px;}
.recommend_keyword {display: flex; justify-content: center; align-items: center; margin-top: 20px;}
/* 250819 수정 */
.recommend_keyword dt {padding-left: 20px; color: var(--col_p); font-size: 14px; background:url("/cm/static/images/ico24_search.svg") no-repeat 0 0; background-size: 16px; flex-shrink: 0;}
.recommend_keyword dd {margin-left: 14px;}
.recommend_keyword dd ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 4px;}
/* 250819 수정 */
.recommend_keyword dd ul a {padding: 6px 12px; border-radius: 40px; color: var(--col_p); font-size: 16px; background-color: var(--col_bg);}
/* 20250602-2 추가 end */

/* 검색옵션 */
[class^='btn'].btn_open {position:relative; padding:0 33px 0 16px !important; float:right;}
[class^='btn'].btn_open:before {display:inline-block; content:""; position:absolute; top:50%; right:10px; width:16px; height:16px; background:url("/cm/static/images/ico24_arrow2_down.svg") no-repeat; transform:rotate(0deg) translateY(-50%); transform-style:preserve-3d; background-size:contain;}
[class^='btn'].btn_open.active:before {width:16px; height:16px; background:url("/cm/static/images/ico24_arrow2_up_color.svg") no-repeat; transform:rotate(0deg) translateY(-50%); background-size:contain;}
[class^='btn'].btn_open:after {content:""; display:block; clear:both;}
.topsearch_wrap .search_option_wrap {position:relative;}
.topsearch_wrap .layer_set_filter {display:none;position:absolute;right:0;top:40px;z-index:2;width:520px;padding:24px;border-radius:8px;border:1px solid var(--col_btn);background-color:var(--col_white);box-sizing:border-box;}
.topsearch_wrap .layer_set_filter .t3_sb {margin-bottom: 16px;}
.topsearch_wrap .layer_set_filter .btn_close {position:absolute;right:24px;top:24px;width:24px;height:24px;background:url("/cm/static/images/ico24_ui_close_black.svg") no-repeat 0 0;}
.topsearch_wrap .layer_set_filter .box_table_wrap.bd_type {margin-top:24px;border-top:1px solid var(--col_border)}

.box_border_wrap.full {margin-top:40px;}
.box_border_wrap.full > .left {width:960px;}
.box_border_wrap.full > .right {width:248px;margin-top:50px;}

.result_tit .sorting_right .btn_sort {line-height:16px;vertical-align:top;}
.result_tit .sorting_right .btn_sort span {font-size:16px;}
.result_tit .sorting_right .btn_sort.active span {padding-left:18px;background:url("/cm/static/images/ico16_check_blue.svg") no-repeat 0 0;font-weight:600;}
.result_tit .sorting_right .bar {display:inline-block;width:1px;height:16px;margin:0 12px;background-color:var(--col_btn);}

.relation_area {display:flex;justify-content:space-between;gap:24px;}
.relation_area > div {flex:1;}
.srch_list {margin-top:8px;}
.srch_list li {line-height:28px;}
.srch_list li a {padding-left:20px;background:url("/cm/static/images/ico16_search.svg") no-repeat 0 40%;}
.srch_list.col3 {display:flex;flex-wrap:wrap;}
.srch_list.col3 li {width:calc(100% / 3);}
.srch_list.del_lsit li {line-height:24px;}
.srch_list.del_lsit li a {padding-left:0;background:none;}
/* .srch_list.del_lsit li {margin-left:20px;text-indent:-20px;} */
.srch_list.del_lsit li + li {margin-top:4px;}
.srch_list.del_lsit li .ico16_delete {vertical-align:middle;margin:-2px 0 0 3px;}

.tab_wrap.srch_type > ul > li button {height:72px;}
.tab_wrap.srch_type > ul > li button span {padding-top:14px;line-height:24px;}
.tab_wrap.srch_type > ul > li button span strong {display:block;}
.tab_wrap.srch_side .tab_title li button {height:40px;}
.tab_wrap.srch_side .tab_title li button span {line-height:40px;}

.num_list_box li {margin-top:4px;}
.num_list_box li > div {line-height:28px;}

.srch_list_default li {position:relative;margin-top:16px;padding-top:16px;border-top:1px solid var(--col_border);line-height:28px;} /* 250730 수정 */
.srch_list_default li:first-child {border-top:1px solid var(--col_btn)}
.srch_list_default li .right_area .box_btn_wrap.ui_like {display:inline-block;}
.srch_list_default li > .right_area {position:absolute;right:0;top:16px;}
.srch_list_default li > .right_area .box_help-data.right {left:auto;right:0;}
.srch_list_default li > .right_area .box_help-data.right:before {left:auto;right:14px;}
.srch_list_default li > .right_area .box_help-data.right:after {left:auto;right:12px;bottom:-18px;transform:rotate(90deg);}
.srch_list_default .dl_list dd {margin-top:4px;}
.srch_list_default .dl_list .tbl_label {margin-right:0;margin-left:8px;}
.srch_list_default .dl_list .dday {margin-left:8px;}
.srch_list_default .vline_group {margin-top:4px;}
.srch_list_default.no_line li:first-child {border-top:none; padding-top:0; margin-top:0;}
.vline_group.type2.small .item + .item {margin-left:8px;padding-left:8px;}
.vline_group.type2.small .item + .item::before {top:8px;height:14px;}

.result_list_wrap .box_border_type {position:relative;margin-top:24px;}
.result_list_wrap .arr_right:after {background:url("/cm/static/images/ico16_arrow_right.svg") no-repeat 0 0;}

.tbl_label.h32 {height:32px;line-height:24px;}
.tbl_label.gray.fill.color_type {color:var(--col_blue);}
.tbl_label.h18 {position:relative;top:-1px;height:18px;line-height:9px;margin-right:4px;padding:4px 2px;}

.link_btm_more {display:block;margin:24px -16px -24px;padding:15px 0 14px;text-align:center;border-top:1px solid var(--col_btn);line-height:28px;}

.box_list_area.col4 {display:flex;flex-wrap:wrap;gap:24px;}
.box_list_area.col4 li {width:calc(100% / 4 - 24px);}
.box_list_area.col4 .txt_list + .txt_list {margin-top:0;}

.box_side_wrap .sitemap_tit {height:48px;line-height:48px;border-radius:4px;text-align:center;}
.box_side_wrap .sitemap_tit.green {background-color:var(--col_green)}
.box_side_wrap .sitemap_tit.blue {background-color:var(--col_blue);color:var(--col_white)}
.box_side_wrap .sitemap_tit.navy {background-color:var(--col_navy);color:var(--col_white)}
.box_side_wrap .sitemap .box_line {padding:24px;}
.box_side_wrap .sitemap .t3_sb {margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--col_border)}
.box_side_wrap .sitemap .box_list_area + .b1_sb {margin-top:24px;}
.box_side_wrap .sitemap .b1_sb + .b1_sb {margin-top:24px;}
.box_side_wrap .sitemap .btn_link {text-decoration:none;color:var(--col_body);white-space:nowrap;}
.box_side_wrap .sitemap .btn_link.blue {color:var(--col_blue)}
.rel_site {display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;}
.rel_site > a {height:76px;font-size:18px;}

/* 개인정보처리방침 */
.ico16_member { background:url("/cm/static/images/img-indprtec1.png")}
.ico16_task { background:url("/cm/static/images/img-indprtec2.png")}
.ico16_people_check { background:url("/cm/static/images/img-indprtec3.png")}
.ico16_off_memo_edit { background:url("/cm/static/images/img-indprtec4.png")}
.ico16_off_certified02 { background:url("/cm/static/images/img-indprtec5.png")}
.ico16_news { background:url("/cm/static/images/img-indprtec6.png")}
.ico16_certified02 { background:url("/cm/static/images/img-indprtec7.png")}
.ico16_down { background:url("/cm/static/images/img-indprtec8.png")}
.ico16_manager { background:url("/cm/static/images/img-indprtec9.png")}
.ico16_folder { background:url("/cm/static/images/img-indprtec10.png")}
.ico16_jobfind_check02 { background:url("/cm/static/images/img-indprtec11.png")}
.ico16_note02 { background:url("/cm/static/images/img-indprtec12.png")}
.ico16_jobfind_check { background:url("/cm/static/images/img-indprtec13.png")}
.ico16_change { background:url("/cm/static/images/img-indprtec14.png")}

.ico40_member { background:url("/cm/static/images/img-indprtec1.png")}
.ico40_task { background:url("/cm/static/images/img-indprtec2.png")}
.ico40_people_check { background:url("/cm/static/images/img-indprtec3.png")}
.ico40_off_memo_edit { background:url("/cm/static/images/img-indprtec4.png")}
.ico40_off_certified02 { background:url("/cm/static/images/img-indprtec5.png")}
.ico40_news { background:url("/cm/static/images/img-indprtec6.png")}
.ico40_certified02 { background:url("/cm/static/images/img-indprtec7.png")}
.ico40_down { background:url("/cm/static/images/img-indprtec8.png")}
.ico40_manager { background:url("/cm/static/images/img-indprtec9.png")}
.ico40_folder { background:url("/cm/static/images/img-indprtec10.png")}
.ico40_jobfind_check02 { background:url("/cm/static/images/img-indprtec11.png")}
.ico40_note02 { background:url("/cm/static/images/img-indprtec12.png")}
.ico40_jobfind_check { background:url("/cm/static/images/img-indprtec13.png")}
.ico40_change { background:url("/cm/static/images/img-indprtec14.png")}

.certifi_tit_list {display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;}
.certifi_tit_list li {width:calc(100% / 2 - 24px);}
.certifi_tit_list li > a {display:inline-flex;align-items:start;line-height:28px;}
.certifi_tit_list li > a i {margin:5px 8px 0 0;}

.box_side_wrap .side_inner.type03.policy_info .box_line {position:relative;height:308px;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.box_side_wrap .policy_info > .box_line .active {display:none;}
.box_side_wrap .policy_info > .box_line:hover .active,.box_side_wrap .policy_info > .box_line:focus .active,.box_side_wrap .policy_info > .box_line:active .active {display:block;position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;padding:24px 16px;border-radius:8px;background-color:var(--col_white);}

.policy_info .ico {display:block;width:56px;height:56px;margin:0 auto;background-size:cover}
.ico40_task02 {background-image:url("/cm/static/images/img-indprtec0.png")}
.ico40_people_check {background-image:url("/cm/static/images/img-indprtec3.png")}
.ico40_off_memo_edit {background-image:url("/cm/static/images/img-indprtec4.png")}
.ico40_right {background-image:url("/cm/static/images/img-indprtec6.png")}
.ico40_certified03 {background-image:url("/cm/static/images/img-indprtec7.png")}
.ico40_manager {background-image:url("/cm/static/images/img-indprtec9.png")}
.ico40_brain_blue {background-image:url("/cm/static/images/ico40_brain_blue.svg")}
.ico40_jobfind_medal_blue {background-image:url("/cm/static/images/ico40_jobfind_medal_blue.svg")}
.ico40_people_check_blue {background-image:url("/cm/static/images/ico40_people_check_blue.svg")}
.ico40_group_c {background-image:url("/cm/static/images/ico40_group_c.svg")}
.policy_info .txt {margin-top:15px;font-size:18px;}

.ico24_money {background-image:url("/cm/static/images/ico40_money.svg")}
.ico24_wheelchair {background-image:url("/cm/static/images/ico40_wheelchair.svg")}
.ico24_certified04 {background-image:url("/cm/static/images/ico40_certified04.svg")}
.ico24_people_check02 {background-image:url("/cm/static/images/ico40_people_check02.svg")}
.ico24_hospital {background-image:url("/cm/static/images/ico40_hospital.svg")}

.privacy_policy_wrap {margin-top:40px;}
.privacy_policy_wrap .privacy_policy + .privacy_policy {margin-top:40px;}
.privacy_policy_wrap .privacy_policy > p + p {margin-top:8px;}
.privacy_policy_wrap .privacy_policy > p + ul {margin-top:8px;}
.privacy_policy_wrap .privacy_policy > ul li {line-height:28px;}
.privacy_policy_wrap .privacy_policy > ul li + li {margin-top:8px;}
.privacy_policy_wrap .privacy_policy > ul > li > ul {margin-left:16px;}
.privacy_policy_wrap .privacy_policy table {margin-top:16px;}
.privacy_policy_wrap .privacy_policy table thead th {border-top:1px solid var(--col_btn);border-bottom:1px solid var(--col_btn);background-color:var(--col_box_bg);text-align:center;vertical-align:middle;font-weight:600;}
.privacy_policy_wrap .privacy_policy table thead th,
.privacy_policy_wrap .privacy_policy table tbody td {padding:8px;border-right:1px solid var(--col_btn);line-height:24px;font-size:15px;word-break:break-word;}
.privacy_policy_wrap .privacy_policy table tbody td {border-bottom:1px solid var(--col_btn);text-align:left;vertical-align:top;word-break:break-all;}
.privacy_policy_wrap .privacy_policy table thead th:last-child,
.privacy_policy_wrap .privacy_policy table tbody td:last-child {border-right:0;}

/*------------------------------ footer 영역------------------------*/
#footer { width:100%;background-color:var(--col_box_bg)}
#footer .footer_top_ci { width:100%;border-bottom:1px solid var(--col_border)}
#footer .footer_top_ci ul { display:flex;justify-content:center;align-items:center;gap:40px;padding:34px 0}
#footer .footer_wrap { width:100%}
#footer .footer_wrap ul:not(.footer_top_ci ul), .footer_container01 ul { display:flex;justify-content:center;align-items:center;gap:32px;padding:40px 0}
#footer .footer_wrap ul li:not(.footer_top_ci ul li), .footer_container01 ul li { line-height:26px;color:var(--col_p)}
#footer .footer_wrap .footer_copy {margin-top:40px; text-align:center;padding-bottom:100px;line-height:24px;font-size:14px;color:var(--col_p)}
#footer .footer_wrap .footer_info{text-align:center;font-size:14px;line-height:1.6}

#footer.footer_type02 .footer_top_ci {width: auto; border-bottom:0; margin-right: 40px;}
#footer.footer_type02 .footer_wrap {width: 1248px; margin: 0 auto; display: flex; align-items: center; padding-bottom: 40px;}
#footer.footer_type02 .footer_wrap .footer_copy {margin-top:0; text-align:left;padding-bottom:0;}
#footer.footer_type02 .footer_wrap .footer_info{text-align:left;}
#footer.footer_type02 .footer_container01{width: 1248px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
#footer.footer_type02 .footer_container02 {border: 1px solid var(--col_border); border-left: 0; border-right: 0; margin-bottom: 40px; display: none;}
#footer.footer_type02 .footer_container02.active {display: block;}
#footer.footer_type02 .footer_container02 .container02 {width: 1248px; margin: 0 auto; padding: 24px 0 16px 0;}
#footer.footer_type02 .footer_container02 .footer_info_list {display: flex;}
#footer.footer_type02 .footer_container02 .footer_info_list .tit {width: 180px; flex-shrink: 0;}
#footer.footer_type02 .footer_container02 .footer_info_list .list {display: flex; flex-wrap: wrap; flex-grow: 1;}
#footer.footer_type02 .footer_container02 .footer_info_list .list .item {width: calc(100% / 4); padding-right: 8px; margin-bottom: 8px; color: var(--col_p);}
#footer.footer_type02 .footer_container02 .footer_info_list + .footer_info_list {margin-top: 14px;}

/*------------------------------ quick menu 영역------------------------*/
#quick_menu { position:fixed;display:flex;flex-direction:column;align-items:flex-end;top:0;right:0;height:100%;border-left:1px solid var(--col_blue);width:52px;z-index:20000;background-color:var(--col_white)} /* 20250602 수정 */
#quick_menu .quick_tl { width:34px;height:23px;background:url("/cm/static/images/quick_tl.png") no-repeat;margin:120px 8px 0; }

#quick_menu ul.quick_menu_btn { display:flex;flex-direction:column;align-items:flex-end; margin:24px 14px 0;gap:24px}
#quick_menu ul.quick_menu_btn li a { display:flex;align-items:center}
#quick_menu ul.quick_menu_btn li a span { display:inline-block;text-align:right}
#quick_menu ul.quick_menu_btn li a span.quick_ico { width:24px;height:24px; }
#quick_menu ul.quick_menu_btn li a span.quick_ico.ico01 { background:url("/cm/static/images/ico24_home_center.svg") no-repeat; }
#quick_menu ul.quick_menu_btn li a span.quick_ico.ico02 { background:url("/cm/static/images/ico24_faq.svg") no-repeat; }
#quick_menu ul.quick_menu_btn li a span.quick_ico.ico03 { background:url("/cm/static/images/ico24_pc.svg") no-repeat; }
#quick_menu ul.quick_menu_btn li a span.quick_ico.ico04 { background:url("/cm/static/images/ico24_task_normal.svg") no-repeat; }
#quick_menu ul.quick_menu_btn li a span.quick_ico.ico05 { background:url("/cm/static/images/ico24_home_smile.svg") no-repeat; }
#quick_menu ul.quick_menu_btn li a span.quick_ico.ico06 { background:url("/cm/static/images/ico24_cal_normal.svg") no-repeat; }
#quick_menu ul.quick_menu_btn li a span.quick_ico.ico07 { background:url("/cm/static/images/ico24_coin.svg") no-repeat; }
#quick_menu ul.quick_menu_btn li a span.quick_ico.ico08 { background:url("/cm/static/images/ico_fax_A.svg") no-repeat; }
#quick_menu ul.quick_menu_btn li a span.quick_menu_txt { width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0,0 0,0 0); font-size:14px; line-height:24px; color:var(--col_p);
}

#quick_menu.on { width:170px;}
#quick_menu.on ul.quick_menu_btn li a span.quick_menu_txt {position: static; margin-right:8px; overflow: visible; width: auto; height: auto; clip-path: none;}

#quick_menu .quick_chatbot { position:absolute;right:14px;bottom:20px; }
#quick_menu .quick_chatbot > a { display:block;width:24px;height:46px;background:url("/cm/static/images/quick_chatbot.svg") no-repeat}

.quick_top { position:fixed;right:84px;bottom:20px;z-index:10}
.quick_top.on { right:168px}
.quick_top a.btn_quick_top { display:block;width:60px;height:60px;background:url("/cm/static/images/btn_quick_top.png") no-repeat}
.quick_top a.btn_quick_login{display: flex; width: 60px; height: 60px; margin-bottom: 24px; border-radius: 50%;color: var(--col_white); background-color: var(--col_blue); font-weight: 600;} /* 20250602 수정 */
.quick_top a.btn_quick_guide{display: flex; width: 60px; height: 60px; margin-bottom: 24px; border-radius: 50%;color: var(--col_body); background-color: #8ca8fe; font-weight: 600;}
.quick_top div.div_chatbot_area a.quick_chatbot {display:flex;width:60px;height:60px;margin-bottom: 24px;background:url("/cm/static/images/chatbot/chatbot_link_icon5.png") center center no-repeat;background-size: auto 100%;}
.company .quick_top a.btn_quick_guide {color: var(--col_body); background-color:#8ca8fe;}
.company .quick_top a.btn_quick_login {color: var(--col_white); background-color: var(--col_green);} /* 20250602 수정 */
/* -------------------- LNB 영역 ---------------------------------------- */
.lnb > h2, .lnb > .h2_sb {display: flex;align-items: center;height: 72px;margin-bottom: 8px; margin-top: 12px; font-size: 24px;} /* 수정 */
.lnb > ul > li { position:relative;padding:12px 0}
.lnb > ul > li:first-child { padding-top: 0; }
.lnb > ul > li > a {  position:relative;display:inline-block;width:100%;padding-right:20px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:28px;color:var(--col_body) }
.lnb li.depth > a::after { display:inline-block;content:"";position:absolute;top:6px;right:0px;width:16px;height:16px;background:url("/cm/static/images/ico16_line_up_gray.svg") no-repeat;transform:rotate(180deg);transform-style:preserve-3d;transition:all .5s}
.lnb li.depth > a.btn_link::after {transform: rotate(0deg);}
.lnb li.depth > a.on::after { transform:rotate(0deg)}
.lnb > ul > li + li { border-top:1px solid var(--col_border)}
.lnb > ul > li + li:last-child { border-bottom:1px solid var(--col_border)}

.lnb > ul > li > ul { display:none;margin:8px 0 4px}
.lnb > ul > li > ul > li { position:relative;width:calc(100% - 6px);line-height:28px;}
.lnb > ul > li > ul > li + li { margin-top:8px}
.lnb > ul > li > ul > li > a { display:inline-block; padding-left:10px!important;}
.lnb > ul > li > ul > li > a::before { display:inline-block;content:"-";position:absolute;left:0;top:-1px}
.lnb > ul > li > ul > li.depth > a::after { display:inline-block;content:"";position:absolute;top:6px;right:0px;width:16px;height:16px;background:url("/cm/static/images/ico16_line_up_gray.svg") no-repeat;transform:rotate(180deg);transform-style:preserve-3d;transition:all .5s}
.lnb > ul > li > ul > li.depth > a.on::after { transform:rotate(0deg)}

.lnb > ul > li > ul > li > ul { display:none;margin:8px 0 4px}
.lnb > ul > li > ul > li > ul > li { position:relative;line-height:24px;color:var(--col_p);font-size:14px}
.lnb > ul > li > ul > li > ul > li + li { margin-top:8px}
.lnb > ul > li > ul > li > ul > li > a { display:inline-block}
.lnb > ul > li > ul > li > ul > li > a::after { display:none}

.lnb > ul > li > ul > li > a.btn_link {text-decoration: none; color: var(--col_body);}

.lnb li.single a::after { display:none}
.lnb .on { display:block}
.lnb .on > a,
.lnb a:hover { color:var(--col_blue)!important; text-decoration: underline!important;}

/* ---------------- 기업시 변경---------------------- */
#wrap.company #header_top { background-color:var(--col_blue)}
#wrap.company #header_top .header_top_area ul.header_type li:first-child { background:none;border-left:1px solid rgba(255, 255, 255, .2);color:var(--col_white);font-weight:400}
#wrap.company #header_top .header_top_area ul.header_type li:nth-child(2) {border-right-color: rgba(255, 255, 255, .2); background-color:var(--col_white);color:var(--col_body);font-weight:600}
#wrap.company #header_top .header_top_area ul.header_type li:last-child {border-right:0px; color:var(--col_white); text-align: left; font-weight: 600; height: 21px; justify-content:right; padding-left: 22px; font-size:16px;}
#wrap.company #header_top .header_top_area ul.header_type li:last-child p {display:block; overflow:hidden; text-overflow : ellipsis;max-width: 100%; white-space : nowrap; color:var(--col_white);}
#wrap.company #header_top .header_top_area .header_info li.bul_li::before { background-color:var(--col_white); }
#wrap.company #header_top .header_top_area .header_info li,
#wrap.company #header_top .header_top_area .header_info li p { color:var(--col_white);}
#wrap.company #header_top .header_top_area .header_info li .btn_num { border:1px solid var(--col_white);}
#wrap.company #header_top .header_top_area .header_info li .btn_num.plus { background-image:url("/cm/static/images/ico16_plus_white.svg")}
#wrap.company #header_top .header_top_area .header_info li .btn_num.minus { background-image:url("/cm/static/images/ico16_minus_white.svg")}
#wrap.company #quick_menu { border-left:1px solid var(--col_green)} /* 20250602 수정 */

/* -------------------- 로케이션 ------------------- */
.location {display: flex;justify-content: space-between;align-items: center; width: 100%; margin-top: 24px;}  /* 수정 */
.location ul:not(.location_list) { display:flex;gap:16px;height:44px;}
.location ul li:not(.location_list > li) { position:relative;padding-right:32px;font-size:14px;}
.location ul li a:not(.location_list > li > a) { display: inline-block; color: var(--col_body); line-height:44px;}
.location ul li:not(.location_list > li)::after { display:block;content:"";position:absolute;top:50%;transform:translateY(-50%);right:0px;width:16px;height:16px;background:url("/cm/static/images/ico16_line_right_gray.svg") no-repeat;  }
.location ul li:not(.location_list > li):last-child { padding: 0; }
.location ul li:last-child a:not(.location_list > li > a) {max-width: 140px;color: var(--col_p);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 수정 */
.location ul li:not(.location_list > li):last-child::after { display:none}
.location ul li.home a:not(.location_list > li > a) { position:relative;padding-left:24px}
.location ul li.home a:not(.location_list > li > a)::before { display:block;content:"";position:absolute;top:50%;transform:translateY(-50%);left:0px;width:16px;height:16px;background:url("/cm/static/images/ico16_home.svg") no-repeat;  }
.location ul li select, .location ul li .btn_downgrill {display: block;font-size: 14px;line-height:44px;background: url(/cm/static/images/login_new/arrow16_circle_down.svg) no-repeat right;padding: 0 24px 0 0;-webkit-appearance: none;appearance: none;max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;} /* 수정 */

/* layer type */
.location ul li.sub button { font-size: 14px; line-height:44px; background: url("/cm/static/images/arrow16_circle_down.svg") no-repeat right; padding: 0 24px 0 0; }
.location ul li.sub button.on { font-weight: 700; }
.location ul li.sub .breadcrumb-layer {
    border: 1px solid var(--col_button); background: var(--col_white); padding: 16px 0; position: absolute; top: 34px; left: -10px; z-index: 2;
    width: 100%; display: none;
}
.location ul li.sub .breadcrumb-layer a { display: block; font-size: 14px; padding: 4px 8px; line-height: 1.4; }
.location ul li.sub .breadcrumb-layer a:hover { text-decoration: underline; text-underline-position : under; }
.location ul li.sub .breadcrumb-layer a.this { background: #f0f0f0; }

.location .lct_area { display: flex; gap: 4px; }
.location .lct_area > a { display: block; width: 32px; height: 32px; background-repeat: no-repeat; }
.location .lct_area .lct_btn_fav { background-image: url("/cm/static/images/btn32_favoriteOFF.svg"); }
.location .lct_area .lct_btn_fav.active { background-image: url("/cm/static/images/btn32_favoriteON.svg"); }
.location .lct_area .lct_btn_print { background-image: url("/cm/static/images/btn32_printOFF.svg"); }

/* ================================= 서브페이지영역 ================================ */
.sub_tl { display: flex; align-items: center; height: 72px; color:var(--col_h)}
.sub_tl.type2 {margin-bottom:24px}
.sub_tl_s01 { display: flex; align-items: center; justify-content: space-between; height: 48px; }
.sub_tl_s01 .sel { width: auto; }
.sub_tl_s02 { padding-bottom: 24px; border-bottom: 1px solid var(--col_border); }


.tl_sub_box { background-color:var(--col_box_bg);color:var(--col_body);line-height:28px;border-radius:8px;padding:8px 16px;margin:20px 00 30px; }
.tl_sub_box span { padding-left:16px;display:flex;align-items:center}
.tl_sub_box span::before { display:inline-block;content:"";width:4px;height:4px;background-color:var(--col_p);border-radius:2.5px;margin-right:8px}

.tl_bt_wrap {display:flex;align-items:center;justify-content:space-between;margin:40px 0 12px}

.sign_area { border-bottom: 4px solid var(--col_body); padding: 40px 0; }
.sign_area .sign_txt { width: 100%; text-align: center; }
.sign_area .sign_date { margin-top: 40px; }
.sign_area .sign_date > span { display: block; text-align: right; }
.sign_area .sign_date > span:nth-last-child(1) { margin-top: 16px; display: flex; justify-content: flex-end; gap: 24px; }
.sign_area .sign_bot > strong { margin-right: 8px; }
.sign_area.type2 {border-bottom:none}
.sign_done { margin-top: 40px; text-align: center; }

.h3_flex_type { display: inline-flex; align-items: center; }

/* ------------------------------ 스와이프 리셋 ----------------------------- */
.swiper,
.swiper-wrapper {z-index:0}
.swiper-button-next,
.swiper-button-prev {opacity:1;margin:0}
.swiper-button-prev {left:0}
.swiper-button-next {right:0}
.swiper-button-next:after,
.swiper-button-prev:after {display:none;font-size:0;line-height:0;height:0;width:0}

/* -------------------- 폼 영역 ---------------------------------------- */
/* .form_noti_s { display:flex;align-items:center;padding:8px 10px;background-color:var(--col_bg);line-height:28px;color:var(--col_p)}
.form_noti_s > .ico24 { margin-right:8px; } */
h4 { display:flex;align-items:baseline;font-size:20px;line-height:30px;font-weight:600}
span.cir_required {display:inline-flex;align-items:center;font-size:14px;line-height:24px;margin-left:8px;color:var(--col_p);font-weight: normal;}
span.cir_required > span { display:inline-block;background-color:var(--col_red);width:6px;height:6px;border-radius:3px; margin:0 4px}
.t2_sb span.cir_required{position:absolute;right: 0;bottom: 0;}
.t3_sb span.cir_required{position:absolute;right: 0;margin-top:5px}
.t2_r, .t1_sb {position:relative}
.t1_sb span.cir_required{position:absolute;right: 0;bottom: 0;}
.t2_r span.cir_required{position:absolute;right: 0;bottom:10px;}

/* -------------------- 테이블 ----------------------------------------*/
.tb_type_form table { border-top:1px solid var(--col_btn)}
.tb_type_form th,
.tb_type_form td { border-bottom:1px solid var(--col_btn);padding:12px 24px;line-height:28px;font-size:16px}
.tb_type_form th { font-weight:600;text-align:left;background-color:var(--col_bg)}

/* 타입 리스트 */
.tb_type_list thead { display:none}
.tb_type_list tbody td { text-align:center;padding:8px 0}
.tb_type_list tbody td.al_left {padding-right:20px;padding-left:20px}
table tbody td .tb_tl { display:flex;flex-direction:row}
table tbody td .tb_tl a:hover { text-decoration:underline}
table tbody td .tb_tl a.tb_el { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal;overflow:hidden}
table tbody td .tb_tl .tb_ico { margin-left:10px}

/* 업로드 영역 */
.t2_sb + .upload_box {margin-top:0}
.upload_box { padding: 32px 40px; border: 1px solid var(--col_btn); border-radius: 8px; margin-top: 40px; }
.upload_box .upload_tl { border-bottom: 1px solid var(--col_border); padding-bottom: 16px;}
.upload_box .upload_tl .t2_sb { display: flex; align-items: center; position: relative;}
.upload_box .upload_tl .t2_sb::before { display: block; content: "";width:24px; height: 24px; background: url("/cm/static/images/ico24_ui_fileattachments_filled.svg") no-repeat; margin-right: 8px; }
.upload_box .upload_tl .t2_sb .ico_download {position:absolute; top:0; right:0;}
.upload_box .upload_btn_area { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; }
.upload_box .upload_btn_area + .box_file_wrap { margin-top: 16px; }
.upload_box dl.upload_dl { margin: 24px 0 8px; display: flex; align-items: center; flex-wrap: wrap; }
.upload_box dl.upload_dl dt,
.upload_box dl.upload_dl dd { line-height: 28px; margin-top: 8px; }
.upload_box dl.upload_dl dt:first-child,
.upload_box dl.upload_dl dd:nth-child(2) { margin: 0; }
.upload_box dl.upload_dl dt { width: 10%; font-weight: 600; }
.upload_box dl.upload_dl dd { width: calc(100% - 10%);  }
.upload_box .upload_tl02 + .box_file_wrap { margin-top: 16px; }
.upload_box .bd_multiple_group {border-bottom: 1px solid var(--col_border); padding: 24px 0;}
.upload_box .bd_multiple_group:last-child {padding-bottom:0; border-bottom:none;}
.upload_box .bd_multiple_group dl.upload_dl {margin-top:0;}
.upload_box .bd_multiple_group.type_has_text .b1_sb + .b1_sb {margin-top:8px;}
.upload_box .bd_multiple_group.type_has_text .box_list_area {margin-left:8px;}
.bd_multiple_group .upload_tl02 + .box_filelist_wrap {margin-top:16px}
.bd_multiple_group [class^='box_file'] + .upload_tl02 {margin-top:40px}

/* 아코디언 */
.acd > ul > li { position:relative; padding:16px 0; border-bottom:1px solid var(--col_border); z-index: 1;}
.acd > ul > li:first-child { border-top: 1px solid var(--col_btn); }
.acd > ul > li:hover { border-bottom: 1px solid var(--col_blue); }
.acd > ul > li::after, .acd_arow > .btn_text::after { display:inline-block;content:"";position:absolute;top:18px; right:16px;width:24px;height:24px;background:url("/cm/static/images/ico24_arrow2_down.svg") no-repeat;transform:rotate(0deg);transform-style:preserve-3d; z-index: -1;}
footer .acd_arow > .btn_text::after {z-index: 1;}
.acd_arow > .btn_text::after {right: 0; top: -2px;}
.acd > ul > li.on::after, .acd_arow.acd_open > .btn_text::after {  background:url("/cm/static/images/ico24_arrow2_up_color.svg") no-repeat; transform:rotate(0deg)}
.acd > ul > li .acd_cont { display:none; line-height: 28px; margin-top: 16px; }
.acd:not(.type03) > ul > li > .b1_sb, .acd:not(.type03) > ul > li > *:first-child {display: block; cursor: pointer;}
.acd_arow > .btn_text {position: relative; padding-right: 32px;}

.acd.type02 { border: 1px solid var(--col_btn); border-radius: 8px; padding: 0px 24px; }
.acd.type02 > ul > li:first-child { border-top: none; }
.acd.type02 > ul > li:last-child { border-bottom: none; }
.acd.type02 > ul > li::after { right: 0; }

.acd.type03 > ul > li::after { display: none; }
.acd.type03 > ul > li > .acd_flex { display: flex; justify-content: space-between; align-items: center;}
.acd.type03 label + label { margin-left: 16px; }

.acd.slide_type .acd_btn {margin-bottom:40px}

.expend_btn_td {text-align: right !important;}
.expend_btn_td button {width:24px; height:24px; background:url("/cm/static/images/ico24_arrow2_down.svg") no-repeat right center;}
.expend_btn_td button.exp { background: url("/cm/static/images/ico24_arrow2_up_color.svg") no-repeat right center; }
.expend_tr {display: none;}

/* 팝업딤드 */
body.dim {overflow:hidden}
body.dim:before {background-color:rgba(0, 0, 0, 0.16);content:"";position:fixed;left:0;top:0; bottom:0;width:100%;z-index:996}

/* 알럿 */
.alert_pop {background-color:var(--col_white);display:none;overflow:hidden;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);width:400px;padding-bottom:32px;z-index:996}
.alert_pop > .cont { background-color:var(--col_white);overflow:hidden;padding:40px 24px 24px;width:100%}
.alert_pop > .cont p {text-align:center}
.alert_pop > .cont * ~ p { margin-top:16px}
.alert_pop > .cont span.ico60_exc { display:block;background:url("/cm/static/images/ico60_exc.svg") no-repeat 0 0;height:60px;width:60px;margin:0 auto}
.alert_pop > .box_btn_wrap { gap:8px}

/* 팝업 */
.full_pop { max-height:100%; background-color:var(--col_white);display:none;overflow:hidden;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);padding:32px 40px 40px;z-index:997}
.full_pop.small { width:640px}
.full_pop.middle { width:800px}
.full_pop.large { width:1040px}
.full_pop.ultra { min-width:calc(100% - 52px);}
.full_pop.max { min-width:100%;}
.full_pop .head { position:relative;padding:0 0 24px;margin-bottom:24px; padding-right: 30px; border-bottom:1px solid var(--col_border);text-align:left;min-height:auto;z-index: 998;}
.full_pop .head.type2 {margin-bottom:0;border-bottom:none}
.full_pop > .closed {display:block;position:absolute;right:40px;top:36px;height:32px;width:32px; background:url("/cm/static/images/ico32_close.svg") no-repeat 0 0;z-index:999}
.full_pop .pop_subtl, .full_pop .sub_tl_s01 { padding:0 0 16px}
.full_pop .pop_subtl .essential {position:relative;top:-4px;left:6px}
.full_pop > .cont {overflow-x:hidden;overflow-y:auto;height:100%;max-height: calc(100vh - 411px);}
.full_pop > .cont.overflow_x {overflow-x:auto; position: relative;}
.full_pop > .cont .box_textarea.h200 { height: 200px; }
.full_pop > .cont .box_textarea.h200 textarea { height: 150px; }
.full_pop .cont::-webkit-scrollbar {width: 35px;/* 세로축 스크롤바 폭 너비 */}
.full_pop .cont::-webkit-scrollbar-thumb {background: var(--col_tabe); /* 스크롤바 막대 색상 */border-left:22px solid var(--col_white);}
.full_pop .cont::-webkit-scrollbar-track {background: var(--col_border); /* 스크롤바 막대 색상 */border-left:22px solid var(--col_white);}
.full_pop .box_table_wrap ~ .box_table_wrap .pop_subtl {margin-top:40px}
.full_pop .box_table_wrap ~ .box_table_wrap + .t2_sb + .box_table_wrap .pop_subtl {margin-top:0}
.full_pop .box_table_wrap + .pop_subtl, .full_pop .box_table_wrap .sub_tl_s01 {margin-top:40px}
.full_pop .box_table_wrap .sub_tl_s01 .pop_subtl {margin-top:0}
.full_pop .sub_tl_s01 .pop_subtl {padding-bottom:0}
.full_pop .pop_subtl + .box_table_wrap, .full_pop .pop_subtl + .box_table_wrap ~ .box_table_wrap {margin-top:0}
.full_pop .box_btn_wrap[class*='flex_al'] { margin-top:24px !important;justify-content:center !important;}
.full_pop .box_btn_wrap[class*='flex_al'].mt0 {margin-top:0 !important;}
.full_pop .box_btn_wrap.flex_al_r{justify-content:center !important}
.full_pop .box_btn_wrap.sm_gap.flex_al_r{justify-content:right !important}
.full_pop .box_pagination { margin-top:24px; }
/*.full_pop .txt_list {font-size:14px}*/
.full_pop .box_message_wrap + .t3_r {margin:40px 0 16px;font-weight:600}
.full_pop .box_form_content + .box_table {margin-top:40px}
.full_pop.tab_style > .cont {height:calc(100vh - 400px);}
.full_pop .box_btn_wrap .type_r {margin-left:initial}
.full_pop .box_btn_wrap .type_l {margin-right:initial}

/* 토스트팝업 */
.toast_pop { display:flex;align-items:center;gap:24px;position:fixed;bottom:40px;left:50%;padding:0 24px;transform:translateX(-50%);height:52px;border-radius:8px;overflow:hidden;visibility:hidden;background-color:var(--col_h);z-index:999;opacity:0;transition:opacity .3s, visibility .3s}
.toast_pop.active {opacity:1;visibility:visible}
.toast_pop p { color:var(--col_white);font-size:16px;line-height:28px}
.toast_pop > a { color:var(--col_gray);font-size:14px}
.toast_pop > a.btn_type { height:24px;width:24px; background:url("/cm/static/images/ico24_ui_close_gray.svg") no-repeat 0 0}

/* 윈도우 팝업 */
.window_pop {min-width:640px;background-color:var(--col_white);padding:32px 40px 40px;margin:0 auto}
.window_pop.small { width:640px}
.window_pop.middle { width:800px}
.window_pop.large { width:1040px}
.window_pop .head { position:relative;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--col_border);text-align:left;min-height:auto;z-index: 998;}
.window_pop .head.type2 {margin-bottom:0;border-bottom:none}
.window_pop .pop_subtl, .window_pop .sub_tl_s01 { padding:0 0 16px}
.window_pop .pop_subtl .essential {position:relative;top:-4px;left:6px}
.window_pop > .cont .box_textarea.h200 { height: 200px; }
.window_pop > .cont .box_textarea.h200 textarea { height: 150px; }
.window_pop .cont::-webkit-scrollbar {width: 35px;/* 세로축 스크롤바 폭 너비 */}
.window_pop .cont::-webkit-scrollbar-thumb {background: var(--col_tabe); /* 스크롤바 막대 색상 */border-left:22px solid var(--col_white);}
.window_pop .cont::-webkit-scrollbar-track {background: var(--col_border); /* 스크롤바 막대 색상 */border-left:22px solid var(--col_white);}
.window_pop .box_table_wrap ~ .box_table_wrap .pop_subtl {margin-top:40px}
.window_pop .box_table_wrap ~ .box_table_wrap + .t2_sb + .box_table_wrap .pop_subtl {margin-top:0}
.window_pop .box_table_wrap + .pop_subtl, .full_pop .box_table_wrap .sub_tl_s01 {margin-top:40px}
.window_pop .box_table_wrap .sub_tl_s01 .pop_subtl {margin-top:0}
.window_pop .sub_tl_s01 .pop_subtl {padding-bottom:0}
.window_pop .pop_subtl + .box_table_wrap, .full_pop .pop_subtl + .box_table_wrap ~ .box_table_wrap {margin-top:0}
.window_pop .box_btn_wrap[class*='flex_al'] { margin-top:24px !important;justify-content:center !important;}
.window_pop .box_btn_wrap[class*='flex_al'].mt0 {margin-top:0 !important;}
.window_pop .box_btn_wrap.flex_al_r{justify-content:center !important}
.window_pop .box_btn_wrap.sm_gap.flex_al_r{justify-content:right !important}
.window_pop .box_pagination { margin-top:24px; }


/* ************************************************************************************************************************************************************
                        common UI
************************************************************************************************************************************************************ */

/* common etc */
[class*='ico'] {display:inline-block;z-index:1}
[class*='ico16'] {width: 17px;height: 17px; background-size: 16px !important; background-repeat: no-repeat !important; background-position: center !important;} /* 접근성 수정 */
[class*='ico24'] {width:24px;height:24px}
[class*='ico40'] {width:40px;height:40px}
[class*='ico60'] {width:60px;height:60px}
[class*='ico80'] {width:80px;height:80px}

.v_top {vertical-align:top}
.fw600 {font-weight:600 !important}
.fw400 {font-weight:400 !important}
.txt_line {text-decoration:line-through}
.txt_underline {text-decoration:underline}
.txt_align {margin-left:20px;text-indent:-18px}
.txt_align_a {margin-left:8px;text-indent:-10px}
.al_left, .txt_l {text-align:left !important}
.al_right, .txt_r {text-align:right !important}
.al_center, .txt_c {text-align:center !important}
.flex_item_c {align-items:center !important}
.flex_item_s {align-items:flex-start !important}
.flex_item_r {align-items:end !important}
.flex_js_c {justify-content:center !important}
.flex_js_r {justify-content:flex-end !important}
.flex_js_l {justify-content:flex-start !important}
.flex_js_s {justify-content:space-between !important}
.f100 {flex:1 !important;}
.f200 {flex:2 !important;}
.clr_red {color:var(--col_red) !important;}
.clr_ccc {color:var(--col_dis)!important;}
.point_color {color:var(--col_red) !important}
.point_color02 {color:var(--col_blue) !important}
.point_color03 {color:var(--col_body) !important}
.bg_skyblue_light {background-color: var(--col_skyblue_light) !important;}
.bg_f8f8f8 {background-color: var(--col_box_bg) !important;}
.bg_f5f5f5 {background-color: var(--col_bg) !important;}
.bg_f5f5f5_child .bg_child {background-color: var(--col_bg) !important;}
.ico24_shield-tick {background:url("/cm/static/images/ico24_shield-tick.svg") no-repeat;}
.ico24_jobfind_search {background:url("/cm/static/images/ico24_jobfind_search.svg") no-repeat;}
.ico24_smail { background:url("/cm/static/images/ico24_home_smile.svg") no-repeat; }
.ico24_member02 {background:url('/cm/static/images/ico24_member_mypage.svg');}
.ico24_ui_setting {background:url('/cm/static/images/ico24_ui_setting.svg');}
.ico24_time {background:url('/cm/static/images/ico24_time.svg');}
.ico24_calculator { background:url("/cm/static/images/ico24_cal_normal.svg") no-repeat;}
.ico16_copy { background:url("/cm/static/images/ico16_copy.svg")}
.ico24_drag_select{background:url("/cm/static/images/ico_drag.svg") no-repeat;}
.ico16_ui_like { background:url("/cm/static/images/ico16_ui_like.svg")}
.ico16_ui_like_fill { background:url("/cm/static/images/ico16_ui_like_fill.svg")}
.ico16_ui_checked03 { background:url("/cm/static/images/ico16_ui_checked03.svg")}
.ico16_ui_checked03_blue { background:url("/cm/static/images/ico16_ui_checked03_blue.svg")}
.ico16_plus_dark{background-image:url("/cm/static/images/ico16_plus_dark.svg")}
.ico16_badge_star{background:url("/cm/static/images/badge_star.svg")}
.ico16_badge_e{background:url("/cm/static/images/badge_e.svg")}
.ico16_badge_notice{background:url("/cm/static/images/badge_notice.svg")}
.ico16_graph{background:url("/cm/static/images/ico16_graph.svg")}
.ico16_arrow{background:url("/cm/static/images/ico16_arrow_right.svg")}
.ico16_home_center{background:url("/cm/static/images/ico16_home_center.svg")}
.ico16_star{background:url("/cm/static/images/ico16_star.svg")}
.ico16_glass{background:url("/cm/static/images/ico16_glass.svg")}
.ico16_earth{background:url("/cm/static/images/ico16_earth.svg")}
.ico16_file_plus{background:url("/cm/static/images/ico16_file_plus.svg")}
.ico16_user_tag{background:url("/cm/static/images/ico16_user_tag.svg")}



.ico16_right_filled{background:url("/cm/static/images/icon/16/ico16_line_right_filled.svg")}
.ico16_download_white{background:url("/cm/static/images/icon/16/ico16_download_white.svg")}
.ico16_setting{background:url("/cm/static/images/icon/16/ico16_setting.svg")}
.ico16_line_up{background:url("/cm/static/images/icon/16/ico16_line_up.svg")}
.ico16_right_black{background:url("/cm/static/images/icon/16/ico16_line_right_black.svg")}
.ico16_right_white{background:url("/cm/static/images/icon/16/ico16_line_right_white.svg")}
.ico16_right_blu{background:url("/cm/static/images/icon/16/ico16_line_right_blue.svg")}
.ico16_alarm_red{background:url("/cm/static/images/icon/16/ico16_ui_alarm_red.svg")}
.ico16_thumbs{background:url("/cm/static/images/icon/16/ico16_thumbs.svg")}
.ico16_share{background:url("/cm/static/images/icon/16/ico16_share.svg")}
.ico16_share_blue{background:url("/cm/static/images/icon/16/ico16_share_blue.svg")}
.ico16_article{background:url("/cm/static/images/icon/16/ico16_article.svg")}
.ico16_jobfind{background:url("/cm/static/images/icon/16/ico16_jobfind.svg")}
.ico16_close{background:url("/cm/static/images/icon/16/ico16_close.svg")}
.ico16_doc{background:url("/cm/static/images/ico16_document.svg")}
.ico16_training{background:url("/cm/static/images/icon/16/ico16_training.svg")}
.ico16_career{background:url("/cm/static/images/icon/16/ico16_career.svg")}
.ico16_caution{background:url("/cm/static/images/icon/16/ico16_caution.svg")}





.ico24_file {display:block;margin:auto}
.ico24_file.word {background:url("/cm/static/images/ico24_file_word.svg")}
.ico24_file.excel {background:url("/cm/static/images/ico24_file_excel.svg")}
.ico24_file.powerpoint {background:url("/cm/static/images/ico24_file_ppt.svg")}
.ico24_file.img_file {background:url("/cm/static/images/ico24_file_img.svg")}
.ico24_file.hw_file {background:url("/cm/static/images/ico24_file_hangul.svg")}
.ico24_file.file_zip {background:url("/cm/static/images/ico24_file_zip.svg")}
.ico24_file.pdf {background:url("/cm/static/images/ico24_file_pdf.svg")}
.ico24_fileattachments {background:url("/cm/static/images/ico24_ui_fileattachments_filled.svg")}
.ico24_jobfind {background:url("/cm/static/images/ico24_jobfind.svg")}
.ico24_job_pencil {background:url("/cm/static/images/ico24_job_pencil.svg")}
.ico24_job_society {background:url("/cm/static/images/ico24_job_society.svg")}
.ico24_job_book {background:url("/cm/static/images/ico24_job_book.svg")}
.ico24_job_engineering {background:url("/cm/static/images/ico24_job_engineering.svg")}
.ico24_job_art {background:url("/cm/static/images/ico24_job_art.svg")}
.ico24_job_medicine {background:url("/cm/static/images/ico24_job_medicine.svg")}
.ico24_job_nature {background:url("/cm/static/images/ico24_job_nature.svg")}
.ico24_calendar {background:url("/cm/static/images/ico24_calendar.svg")}
.ico24_coin { background:url("/cm/static/images/ico24_coin.svg")}
.ico24_coin_white { background:url("/cm/static/images/ico24_coin_white.svg")}
.ico24_danger {background:url("/cm/static/images/ico24_ui_!_red.svg")}
.ico24_notice {background:url("/cm/static/images/ico24_ui_!_filled.svg")}
.ico24_notice_gray {background:url("/cm/static/images/ico24_ui_!_gray.svg")}
.ico24_ui_ok {background:url("/cm/static/images/ico24_ui_ok.svg")}


.ico24_arrow_light {background:url("/cm/static/images/icon/24/ico24_arrow_light.svg")}
.ico24_arrow2_right_blue {background:url("/cm/static/images/icon/24/ico24_arrow2_right_blue.svg")}
.ico24_plus {background:url("/cm/static/images/icon/24/ico24_plus.svg")}
.ico24_plus_blue {background:url("/cm/static/images/icon/24/ico24_plus_blue.svg")}
.ico24_miuns {background:url("/cm/static/images/icon/24/ico24_miuns.svg")}
.ico24_miuns_blue {background:url("/cm/static/images/icon/24/ico24_miuns_blue.svg")}
.ico24_alram_close {background:url("/cm/static/images/icon/24/ico24_alram_close.svg")}
.ico24_bell {background:url("/cm/static/images/icon/24/ico24_bell.svg")}
.ico24_ui_alarm_red {background:url("/cm/static/images/icon/24/ico24_ui_alarm_red.svg")}
.ico24_arrow_circle_down {background:url("/cm/static/images/icon/24/ico24_arrow_circle_down.svg")}
.ico24_ui_checked_de {background:url("/cm/static/images/icon/24/ico24_ui_checked.svg")}
.ico24_message_search {background:url("/cm/static/images/icon/24/ico24_message_search.svg")}
.ico24_play {background:url("/cm/static/images/icon/24/ico24_play.svg")}
.ico24_stop {background:url("/cm/static/images/icon/24/ico24_stop.svg")}
.ico24_circle_filled {background:url("/cm/static/images/ico24_ui_close_circle_filled.svg")}
.ico24_memo_search {background:url("/cm/static/images/ico24_memo_search.svg") no-repeat center}
.ico24_memo_search_white {background:url("/cm/static/images/ico24_memo_search_white.svg") no-repeat center}
.ico24_memo_search_check {background:url("/cm/static/images/ico24_memo_search_check.svg") no-repeat center}
.ico24_memo_search_like {background:url("/cm/static/images/ico24_memo_search_like.svg") no-repeat center}
.ico24_graduation_white {background:url("/cm/static/images/ico24_graduation_white.svg") no-repeat center}
.ico24_jobfind_check_white {background:url("/cm/static/images/ico24_jobfind_check_white.svg") no-repeat center}
.ico24_Certified02_white {background:url("/cm/static/images/ico24_Certified02_white.svg") no-repeat center}
.ico24_recg {background:url("/cm/static/images/icon/24/ico24_recg.svg") no-repeat center}
.ico24_empty {background:url("/cm/static/images/icon/24/ico24_empty.svg") no-repeat center}
.ico24_messasge {background:url("/cm/static/images/icon/24/ico24_messasge.svg") no-repeat center}
.ico24_chek {background:url("/cm/static/images/icon/24/ico24_chek.svg") no-repeat center}
.ico24_ui_checked2 {background:url("/cm/static/images/icon/24/ico24_ui_checked2.svg") no-repeat center}
.ico24_circle_filled2 {background:url("/cm/static/images/icon/24/ico24_circle_filled2.svg") no-repeat center}
.ico24_time2 {background:url("/cm/static/images/icon/24/ico24_time2.svg") no-repeat center}
.ico24_recg_blue {background:url("/cm/static/images/icon/24/ico24_recg_blue.svg") no-repeat center}
.ico24_empty_blue {background:url("/cm/static/images/icon/24/ico24_empty_blue.svg") no-repeat center}
.ico24_messasge_blue {background:url("/cm/static/images/icon/24/ico24_messasge_blue.svg") no-repeat center}
.ico24_chek_blue {background:url("/cm/static/images/icon/24/ico24_chek_blue.svg") no-repeat center}
.ico24_ui_checked2_blue {background:url("/cm/static/images/icon/24/ico24_ui_checked2_blue.svg") no-repeat center}
.ico24_circle_filled2_blue {background:url("/cm/static/images/icon/24/ico24_circle_filled2_blue.svg") no-repeat center}
.ico24_time2_blue {background:url("/cm/static/images/icon/24/ico24_time2_blue.svg") no-repeat center}
.ico24_member_login { background-image: url("/cm/static/images/ico24_member_login.svg")}
.ico24_word_delete { background-image: url("/cm/static/images/icon/24/ico24_word_delete.svg")}


.ico60_ui_ok {background:url("/cm/static/images/ico60_ui_ok.svg")}
.ico24_ui_ok_disabled {background:url("/cm/static/images/ico24_ui_ok_disabled.svg")}
.ico24_ui_fail {background:url("/cm/static/images/ico24_ui_fail.svg")}
.ico24_pc{background:url("/cm/static/images/ico24_pc.svg")}
.ico24_earth{background:url("/cm/static/images/ico24_earth.svg")}
.ico24_email{background:url("/cm/static/images/ico24_email.svg")}
.ico24_faq{background:url("/cm/static/images/ico24_faq.svg")}
.ico24_user_tag{background:url("/cm/static/images/ico24_user_tag.svg")}
.ico24_call{display:inline-block;position:relative;margin-right:4px;background:url("/cm/static/images/ico24_call.svg")}
.ico24_medal_star{position:relative;margin-right:4px;background:url("/cm/static/images/ico24_medal_star.svg")}
.ico24_menu{position:relative;margin-right:4px;background:url("/cm/static/images/ico24_menu.svg")}
.ico24_member{display:inline-block;position:relative;top:4px;margin-right:4px;background:url("/cm/static/images/ico24_member_mypage2_filled.svg")}
.ico24_archive {background-image:url("/cm/static/images/ico24_archive.svg")}
.ico24_building { background:url("/cm/static/images/ico24_home_center.svg")}
.ico16_home_center_filled { background:url("/cm/static/images/ico16_home_center_filled.svg")}
.ico16_member_mypage2_filled { background:url("/cm/static/images/ico16_member_mypage2_filled.svg")}
.ico24_ui_like { background:url("/cm/static/images/ico24_ui_like_disabled.svg")}
.ico24_ui_like.active { background:url("/cm/static/images/ico24_ui_like_filled.svg")}
.ico24_predict {background:url("/cm/static/images/ico24_chart_filled.svg")}
.ico24_back {background:url("/cm/static/images/ico24_back.svg")}
.ico24_bag {background:url("/cm/static/images/ico24_bag.svg")}
.ico24_view {background:url("/cm/static/images/ico24_view.svg")}
.ico24_standby {background:url("/cm/static/images/ico24_standby.svg")}
.ico24_nature {background:url("/cm/static/images/ico24_nature.svg")}
.ico40_nature {background:url("/cm/static/images/ico40_nature.svg"); background-size: cover; background-repeat: no-repeat;}
.ico24_worker {background:url("/cm/static/images/ico24_worker.svg")}
.ico24_pencil {background:url("/cm/static/images/ico24_pencil.svg")}
.ico24_task_normal {background:url("/cm/static/images/ico24_task_normal.svg")}
.ico24_lock {background:url("/cm/static/images/ico24_lock.svg")}
.ico40_menu2 {background:url("/cm/static/images/ico40_menu2.svg")}
.ico24_ui_alert {background:url("/cm/static/images/ico24_ui_!.svg")}
.ico24_ui_checked {background:url("/cm/static/images/ico24_ui_checked_black.svg")}
.ico24_directbox {background:url("/cm/static/images/ico24_directbox.svg")}
.ico24_pc_messasge {background:url("/cm/static/images/ico24_pc_messasge.svg")}
.ico24_ui_search {background:url("/cm/static/images/ico24_ui_search.svg")}
.ico24_chart {background:url("/cm/static/images/ico24_chart.svg")}
.ico24_school {background:url("/cm/static/images/ico24_school.svg")}
.ico24_monitor {background:url("/cm/static/images/ico24_monitor.svg")}
.ico24_baby_carriage {background:url("/cm/static/images/ico24_baby_carriage.svg")}
.ico24_baby_carriage_white {background:url("/cm/static/images/ico24_baby_carriage_white.svg")}
.ico24_scrap {background:url("/cm/static/images/ico24_scrap.svg")}
.ico24_diagram {width:24px; height: 24px; margin-right: 8px; background:url("/cm/static/images/ico24_diagram_down.svg") no-repeat 0 0;}
.ico24_diagram2{width:24px; height: 24px; background:url("/cm/static/images/ico24_diagram2.svg") no-repeat 0 0;}
.ico24_thumbs {background:url("/cm/static/images/ico24_thumbs.svg")}
.ico24_home_guide {background:url("/cm/static/images/ico24_home_guide.svg")}
.ico24_movie {background:url("/cm/static/images/ico24_movie.svg")}
.ico60_notice {background:url("/cm/static/images/ico60_!_navy.svg")}
.ico60_notice_grn {background:url("/cm/static/images/join_complete_img.svg"); background-size: 100%;}
.ico80_email_cancel {background:url("/cm/static/images/ico80-email-cancel-pc.png")}
.ico_text_span { display: inline-flex; justify-content: space-between; align-items: center; gap: 4px; line-height: 24px;  }
.ico_home_guide:before {background-image:url("/cm/static/images/ico24_home_guide.svg")}
.ico_memo_search:before {background-image:url("/cm/static/images/ico24_memo_search.svg")}
.ico_memo_edit:before {background-image:url("/cm/static/images/ico24_memo_edit.svg")}
.ico_memo_edit_blue:before {background-image:url("/cm/static/images/ico24_memo_edit_blue.svg")}
.ico_pc_guide:before {background-image:url("/cm/static/images/ico24_pc.svg")}
.ico_print_guide:before,
.ico_print_guide2 {background-image:url("/cm/static/images/ico24_print.svg")}
.ico_movie:before {background-image:url("/cm/static/images/ico24_movie.svg")}
.ico_register:before {background-image:url("/cm/static/images/ico24_member_register.svg")}
.ico_cash:before {background-image:url("/cm/static/images/ico24_pc_cash.svg")}
.ico_search:before,
.ico_search2 {background-image:url("/cm/static/images/ico24_ui_search_circle.svg")}
.ico_pc_plus:before {height:26px;background-image:url("/cm/static/images/ico24_pc_plus.svg")}
.ico_task:before {background-image:url("/cm/static/images/ico24_task.svg")}
.ico_ui_checked:before {background-image:url("/cm/static/images/ico24_ui_checked_black.svg")}
.ico_ui_notice:before {background-image:url("/cm/static/images/ico24_ui_!_gray.svg")}

.ico32_ui_search_blue_bold {background:url("/cm/static/images/icon/32/ico32_ui_search_blue_bold.svg")}
.ico32_search {background:url("/cm/static/images/icon/32/ico32_search.svg")}

.ico24_profile,
.ico_profile:before {background-image:url("/cm/static/images/ico24_profile.svg")}
.ico24_wallet_coin,
.ico_wallet_coin:before {background-image:url("/cm/static/images/ico24_wallet_coin.svg")}
.ico24_clipboard_check,
.ico_clipboard_check:before {background-image:url("/cm/static/images/ico24_clipboard_check.svg")}

.ico48_menu {background-image:url("/cm/static/images/ico40_off_menu.svg")}
.is-active .ico48_menu {background-image:url("/cm/static/images/ico40_on_menu.svg")}
.ico40_file_stand {background-image:url("/cm/static/images/ico40_file_stand.svg")}
.is-active .ico40_file_stand {background-image:url("/cm/static/images/ico40_on_file_stand.svg")}
.ico40_timer {background-image:url("/cm/static/images/ico40_timer.svg")}
.is-active .ico40_timer {background-image:url("/cm/static/images/ico40_on_timer.svg")}
.ico40_Certified01 {background-image:url("/cm/static/images/ico40_Certified01.svg")}
.is-active .ico40_Certified01 {background-image:url("/cm/static/images/ico40_on_Certified01.svg")}
.ico40_scanner {background-image:url("/cm/static/images/ico40_scanner.svg")}
.is-active .ico40_scanner {background-image:url("/cm/static/images/ico40_on_scanner.svg")}
.ico40_Certified02 {background-image:url("/cm/static/images/ico40_Certified02.svg")}
.is-active .ico40_Certified02 {background-image:url("/cm/static/images/ico40_on_Certified02.svg")}
.ico40_clipboard_check {background-image:url("/cm/static/images/ico40_clipboard_check.svg")}
.is-active .ico40_clipboard_check {background-image:url("/cm/static/images/ico40_on_clipboard_check.svg")}

.ico40_menu{background:url("/cm/static/images/ico40_menu.svg") no-repeat 0 0}
.ico40_board{background:url("/cm/static/images/ico40_board.svg") no-repeat 0 0}
.ico40_bag{background:url("/cm/static/images/ico40_bag.svg") no-repeat 0 0}
.ico40_cash{background:url("/cm/static/images/ico40_cash.svg") no-repeat 0 0}
.ico40_edu{background:url("/cm/static/images/ico40_edu.svg") no-repeat 0 0}
.ico40_law{background:url("/cm/static/images/ico40_law.svg") no-repeat 0 0}
.ico40_cross{background:url("/cm/static/images/ico40_cross.svg") no-repeat 0 0}
.ico40_religion{background:url("/cm/static/images/ico40_religion.svg") no-repeat 0 0}
.ico40_mike{background: url("/cm/static/images/ico40_mike.svg") no-repeat 0 0;}
.ico40_truck{background:url("/cm/static/images/ico40_truck.svg") no-repeat 0 0}
.ico40_bag2{background:url("/cm/static/images/ico40_bag2.svg") no-repeat 0 0}
.ico40_cleaning{background:url("/cm/static/images/ico40_cleaning.svg") no-repeat 0 0}
.ico40_bag3{background:url("/cm/static/images/ico40_bag3.svg") no-repeat 0 0}
.ico40_service{background:url("/cm/static/images/ico40_service.svg") no-repeat 0 0}
.ico40_building{background:url("/cm/static/images/ico40_building.svg") no-repeat 0 0}
.ico40_tool{background:url("/cm/static/images/ico40_tool.svg") no-repeat 0 0}
.ico40_material{background:url("/cm/static/images/ico40_material.svg") no-repeat 0 0}
.ico40_chemistry{background:url("/cm/static/images/ico40_chemistry.svg") no-repeat 0 0}
.ico40_clothes{background:url("/cm/static/images/ico40_clothes.svg") no-repeat 0 0}
.ico40_elec{background:url("/cm/static/images/ico40_elec.svg") no-repeat 0 0}
.ico40_comm{background:url("/cm/static/images/ico40_comm.svg") no-repeat 0 0}
.ico40_burger{background:url("/cm/static/images/ico40_burger.svg") no-repeat 0 0}
.ico40_wood{background: url("/cm/static/images/ico40_wood.svg") no-repeat 0 0;}
.ico40_airplane{background:url("/cm/static/images/ico40_airplane.svg") no-repeat 0 0}
.ico40_tree{background:url("/cm/static/images/ico40_tree.svg") no-repeat 0 0}
.ico40_airplane02{background:url("/cm/static/images/ico40_airplane02.svg") no-repeat 0 0}
.ico40_alarm_clock{background:url("/cm/static/images/ico40_alarm_clock.svg") no-repeat 0 0}
.ico40_baby{background:url("/cm/static/images/ico40_baby.svg") no-repeat 0 0}
.ico40_baby_carriage{background:url("/cm/static/images/ico40_baby_carriage.svg") no-repeat 0 0}
.ico40_bus{background:url("/cm/static/images/ico40_bus.svg") no-repeat 0 0}
.ico40_camera{background:url("/cm/static/images/ico40_camera.svg") no-repeat 0 0}
.ico40_coffee{background:url("/cm/static/images/ico40_coffee.svg") no-repeat 0 0}
.ico40_dumbbell{background:url("/cm/static/images/ico40_dumbbell.svg") no-repeat 0 0}
.ico40_graduation_cap{background:url("/cm/static/images/ico40_graduation_cap.svg") no-repeat 0 0}
.ico40_guitar{background:url("/cm/static/images/ico40_guitar.svg") no-repeat 0 0}
.ico40_home_guide{background:url("/cm/static/images/ico40_home_guide.svg") no-repeat 0 0}
.ico40_trip{background:url("/cm/static/images/ico40_trip.svg") no-repeat 0 0}
.ico40_memo_search{background:url("/cm/static/images/ico40_memo_search.svg") no-repeat 0 0}
.ico40_bed{background:url("/cm/static/images/ico40_bed.svg") no-repeat 0 0}
.ico40_car_center{background:url("/cm/static/images/ico40_car_center.svg") no-repeat 0 0}
.ico40_graduation{background:url("/cm/static/images/ico40_graduation.svg") no-repeat 0 0}
.ico40_house{background:url("/cm/static/images/ico40_house.svg") no-repeat 0 0}

.ico40_memo_check { background-image:url("/cm/static/images/ico40_memo_check.svg");}
.ico40_memo_check_blue { background-image:url("/cm/static/images/ico40_memo_check_blue.svg");}

.ico48_close {background:url("/cm/static/images/icon/48/ico48_close.svg")}

/* Button */
.box_btn_wrap {display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.box_btn_wrap.no_wrap{flex-wrap:nowrap}
.box_btn_wrap.align_top{align-items: flex-start;}
.box_btn_wrap.sm_gap {display:flex;align-items:center;gap:8px}
.box_btn_wrap .type_r {margin-left:auto}
.box_btn_wrap .type_l {margin-right:auto}
.box_btn_wrap.flex_al_c {justify-content:center !important;}
.box_btn_wrap.flex_al_r {justify-content:flex-end !important;}
.box_btn_wrap.flex_al_l {justify-content:flex-start !important;}
.box_btn_wrap.flex_al_s {justify-content:space-between !important;}
.box_btn_wrap.flex_al_s .cell {display:inline-flex;gap:16px}

.box_btn_wrap.type2.flex_al_r {flex-direction:column;align-items:flex-end}
.cont_wrap_area .box_btn_wrap[class*='flex_al'].type02 { margin-top:24px; gap: 8px;}

.btn {background-color:var(--col_white)}
.btn.mw_auto { min-width: auto !important;}
[class^='btn'] {position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;letter-spacing:-0.02em;border-radius:4px}
[class^='btn'].type01 {border:1px solid var(--col_blue);color:var(--col_blue);font-weight:600}
[class^='btn'].type02 {background-color:var(--col_white);border:1px solid var(--col_button);color:var(--col_body)}
[class^='btn'].type03 {background-color:var(--col_bg) !important;border:1px solid var(--col_bg) !important;color:var(--col_gray);font-weight:400 !important}
[class^='btn'].type05 {background-color:var(--col_white);border:1px solid var(--col_button);color:var(--col_blue)!important;}
[class^='btn'].type06 {border: 1px solid var(--col_red);color: var(--col_red);font-weight: 600}
[class^='btn'].color_type {color:var(--col_blue)}

[class^='btn'].big {padding:0 24px;min-width:112px;height:56px;font-size:16px;font-weight:600}
[class^='btn'].large {padding:0 16px;min-width:96px;height:48px;font-size:16px}
[class^='btn'].medium {padding:0 16px;min-width:80px;height:40px;font-size:16px; line-height: 40px;}
[class^='btn'].default {padding:0 12px;min-width:90px;height:36px;font-size:14px}
[class^='btn'].small, [class^='btn'].xsmall {padding:0 12px;min-width:76px;height:32px;font-size:14px}
[class^='btn'].xxsmall {padding:0 8px;height:24px;font-size:12px;font-weight:400}
[class^='btn'].xsmall {padding:0 4px;min-width:40px}
[class^='btn'].r30 {border-radius:30px}
[class^='btn'].fill {background-color:var(--col_white)}
[class^='btn'].fill.type01 {background-color:var(--col_blue);color:var(--col_white);font-weight:600 !important}

.ico16_delete {background:url("/cm/static/images/ico16_close.svg")}
.ico16_delete_red {background:url("/cm/static/images/ico16_close_red.svg")}
[class^='btn'].type02 .ico16_delete {margin-left:4px}
[class^='btn'].type01.fill .ico16_delete {background:url("/cm/static/images/ico16_close_white.svg")}
[class^='btn'].type03.fill .ico16_delete {background:url("/cm/static/images/ico16_close.svg")}

[class^='btn'] i{margin-right:4px}
[class^='btn']:disabled { background-color:var(--col_bg) !important;border:1px solid var(--col_bg) !important;color:var(--col_gray) !important;font-weight:400 !important;} /* 11-13 마이페이지 수정 */

/* 테이블안에 들어간 버튼은 테두리랑 글씨 파랑으로 */
table .btn:not(.fill,.status_type),
.search_more_type .btn:not(.fill,.status_type){color: var(--col_blue) !important;border-color: var(--col_blue) !important}
table .btn:not(.fill,.status_type).is-active{background-color: var(--col_blue) !important;color: var(--col_white) !important;}
.box_border_type .box_month_area .btn.is-active {background-color: var(--col_blue) !important;color: var(--col_white) !important;border: none;}
.btn_round {padding:0 12px;min-width:48px;height:36px;border-radius:36px;font-size:14px}
table [class^='btn'].tbl_type02 {border:1px solid var(--col_btn) !important; color: var(--col_body) !important;}
table [class^='btn'].tbl_type06 {border:1px solid var(--col_red) !important; color: var(--col_red) !important;}

[class*='ico_']:after, [class*='ico_']:before {content:'';display:block;}
[class*='ico_img']:after {display:none}
[class*='ico32'] { width: 32px; height: 32px;}
[class*='ico48'] { width: 48px; height: 48px;}
.ico_line_plus[class^='btn'].medium, .ico_line_minus[class^='btn'].medium { padding-left: 12px; }
.ico_line_plus:after {width:16px;height:16px; margin-left: 4px;margin-right: -4px;background-image:url("/cm/static/images/ico16_plus_dark.svg")}
.ico_line_minus:after {width:16px;height:16px; margin-left: 4px;margin-right: -4px;background-image:url("/cm/static/images/ico16_minus_dark.svg")}
.ico_download.medium {padding-right: 10px;}
.ico_download::after {width: 16px; height: 16px; margin:-2px 0 0 4px; background: url("/cm/static/images/ico16_download2.svg") no-repeat 0 0;}
.btn.ico_ipin:before {width:16px;height:16px; margin-right: 4px;background-image:url("/cm/static/images/ico16_ipin.svg")}
.btn.ico_phone:before {width:16px;height:16px; margin-right: 4px;background-image:url("/cm/static/images/ico16_phone.svg")}
.btn.ico_card:before {width:16px;height:16px; margin-right: 4px;background-image:url("/cm/static/images/ico16_card.svg")}
.btn_ico.ico_ci:before {width:16px;height:16px; margin-right: 4px;background-image:url("/cm/static/images/ico16_ci.png")}

.btn.ico_type.xsmall {padding:0 4px 0 8px}
.btn.ico_type {padding:0 9px 0 13px}
.btn.ico_type::after {width:16px;height:16px;background-size:16px;margin-left:4px}
.btn.ico_type.type01::after {background:url("/cm/static/images/ico16_line_right_filled.svg")}
.btn.ico_type.type02::after {background:url("/cm/static/images/ico16_arrow_right.svg")}
.btn.ico_type.type03::after {background:url("/cm/static/images/ico16_line_right_gray.svg")}
.btn.fill.ico_type.type01::after {background:url("/cm/static/images/ico16_arrow_right_white.svg")}

.btn.ico_type02.xsmall {padding:0 8px 0 4px}
.btn.ico_type02 {padding:0 13px 0 9px}
.btn.ico_type02::before {width:16px;height:16px;background-size:16px;margin-right:4px;transform:scaleX(-1)}
.btn.ico_type02.type01::before {background:url("/cm/static/images/ico16_line_right_filled.svg")}
.btn.ico_type02.type02::before {background:url("/cm/static/images/ico16_arrow_right.svg")}
.btn.ico_type02.type03::before {background:url("/cm/static/images/ico16_line_right_gray.svg")}
.btn.fill.ico_type02.type01::before {background:url("/cm/static/images/ico16_arrow_right_white.svg")}

.btn_arrow {width:32px;height:32px;border-radius:50%}
.btn_arrow:after {content:'';display:block;position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:url("/cm/static/images/ico16_line_right_filled.svg")}
.btn_arrow.arr_left {transform:scaleX(-1)}

[class*='btn_fs'] {width:24px;height:24px;border:1px solid var(--col_button);border-radius:4px;background:var(--col_white)}
.btn_fs_type02 {border:1px solid var(--col_white);background:transparent}
.btn.plus:after, .btn.minus:after {content:"";display:block;position:absolute;top:50%;left:50%}
.btn.plus:after {margin:-5px 0 0 -5px;width:10px;height:10px;background:url("/cm/static/images/btn24_normal_plus.svg")}
.btn.minus:after {margin:-1px 0 0 -5px;width:10px;height:2px;background:url("/cm/static/images/btn24_normal_minus.svg")}
.btn.btn_fs_type02.plus:after {background:url("/cm/static/images/btn24_normal_plus_white.svg")}
.btn.btn_fs_type02.minus:after {background:url("/cm/static/images/btn24_normal_minus_white.svg")}

.btn_txt {color:var(--col_blue);text-decoration:underline}
.btn_txt.type2 {text-decoration:underline}
.btn_txt.type2.f_14 { font-size: 14px;}
.btn_txt.gray {color:var(--col_gray)}
.btn_txt:hover {text-decoration:underline}
.btn_txt.ico_arrow{position:relative;padding-right:20px}
.btn_txt.ico_arrow:after {content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url("/cm/static/images/ico16_arrow_right_fill.svg")}
.btn_txt.ico_arrow.clr_wh:after {background:url("/cm/static/images/ico16_arrow_right_white.svg")}
.btn_txt.ico_arrow.bk {color: var(--col_body);}
.btn_txt.ico_arrow.bk:after {background: url('/cm/static/images/ico16_arrow_right_black.svg') 0 0}
.btn_txt.ico_arrow.underline_no {text-decoration: none;}
.btn_txt.ico_arrow.bk.hover {text-decoration: none;} /* 20250515 추가 */
.btn_txt.ico_arrow.bk.hover:hover, .btn_txt.ico_arrow.bk:focus {color: var(--col_blue); text-decoration: underline;} /* 20250515 추가 */
.btn_txt.ico_arrow.bk.hover:hover:after, .btn_txt.ico_arrow.bk:focus:after {background: url("/cm/static/images/ico16_arrow_right_fill.svg") center center no-repeat;} /* 20250515 추가 */
/* S: 20250730 추가 */
.btn_txt_hover {color: var(--col_blue);}
.btn_txt_hover:hover, .btn_txt_hover:focus {text-decoration: underline;}
.txt_ico_arr {position: relative; display: inline-block; padding-right: 20px; line-height: 24px; font-weight: 600; font-size: 16px; color: var(--col_body);}
.txt_ico_arr::after {position: absolute; right: 0; top: 3px; display: block; width: 16px; height: 16px; background: url("/cm/static/images/icon/16/ico16_line_right_filled.svg") 0 0 no-repeat;}
.txt_ico_arr:hover, .txt_ico_arr:focus {text-decoration: underline;}
/* E: 20250730 추가 */

.btn_copy {color:var(--col_blue);line-height:28px}
.btn_copy [class*='ico16'] {margin-right:4px}
.box_btn_group {display:inline-flex; flex-wrap: wrap; gap: 7px;}

.box_btn_group.type2 {gap:16px}
.box_btn_group.type2 .keyword_btn .b1_r {line-height:40px}
.keyword_btn {background:transparent}
.keyword_btn .ico16_delete {margin-left:2px}

.btn_link {display:inline-block; color:var(--col_blue);padding-left:20px; text-decoration:underline;}
.btn_link:not(.lnb > ul *):before, .lnb .btn_link.blue::after {content:'';display:block;position:absolute;left:0;top:5px;width:16px;height:16px;background:url("/cm/static/images/ico16_share.svg") no-repeat 0;}
.btn_link.right {padding-right:20px;padding-left:0;}
.btn_link:not(.lnb > ul *).right:before, .lnb .btn_link.blue.right::after {right:0;left:auto;}
.btn_link:not(.lnb > ul *).blue:before, .lnb .btn_link.blue::after {background:url("/cm/static/images/ico16_share_blue.svg") no-repeat 0;}
.blank_link {display: inline-block; padding-right: 16px; line-height: 24px; background: url("/cm/static/images/icon/16/ico16_share.svg") right 3px no-repeat; font-size: 14px; font-weight: 600; color: var(--col_body); text-decoration: underline;} /* 250730 추가 */

.btn_share {padding-right: 10px;}

.btn_share::after {
    content: '';
    width: 16px;
    height: 16px;
    margin: -2px 0 0 4px;
    background: url("/cm/static/images/ico16_share.svg") no-repeat 0 0;
}

.btn_share.blue::after {
    content: '';
    width: 16px;
    height: 16px;
    margin: -2px 0 0 4px;
    background: url("/cm/static/images/ico16_share_blue.svg") no-repeat 0 0;
}
.btn_share.white::after {
    background: url("/cm/static/images/ico16_share_white.svg") no-repeat 0 0;
}
.btn_share_w_before::before {
    content: '';
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    background: url("/cm/static/images/ico16_share_white.svg") no-repeat 0 0;
}

/* switch */
.switch {position:relative;display:inline-block}
.switch label {display:inline-block}
.switch label .on_txt, .switch label .no_txt {vertical-align:top}
.switch label .no_txt ~ .slider {margin-left:5px}
.switch input {z-index:-1; width: 0px !important; height: 0px !important; border: none !important}
.switch input:focus-visible:after {
    content: '';
    border: 2px dashed var(--col_dis);
    border-radius: 0.2rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    left: 1px;
}
.switch .slider {position:relative;display:inline-block;cursor:pointer;height:20px;width:36px;background-color:var(--col_border);border-radius:27px;-webkit-transition:.4s;transition:.4s}
.switch .slider:after {position:absolute;content:'';height:16px;width:16px;left:2px;bottom:2px;background-color:var(--col_white);border-radius:50%;-webkit-transition:.4s;transition:.4s}
.switch input:checked + label .slider {background-color:var(--col_blue)}
.switch input:checked + label .on_txt {display:inline-block}
.switch input:checked + label .no_txt,
.switch input + label .on_txt {display:none}
.switch input:focus + label .slider {box-shadow:0 0 1px #0071c0}
.switch input:checked + label .slider:after {-webkit-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px)}
.switch input:disabled + label .slider {cursor:default}
.switch input:disabled + label .slider {background-color:var(--col_border)}
.switch input:disabled + label .slider:after {background-color:var(--col_bg)}
/*.switch input:checked:disabled + label .slider {background-color:var(--col_blue)}*/

.switch.type2 .slider {height:24px;min-width:60px;width:auto;border-radius:20px;text-align:left;padding:0 8px}
.switch.type2 .slider:before {content:'';right:12px;bottom:8px}
.switch.type2 .slider:after {height:20px;width:20px}
.switch.type2 input:checked + label .slider{text-align:right}
.switch.type2 input:checked + label .on_txt,
.switch.type2 input + label .no_txt{line-height:24px;font-size:12px;margin-right:20px;color:var(--col_white);display:inline-block}
.switch.type2 input + label .no_txt{color:var(--col_p);margin-left:20px;margin-right:0}
.switch.type2 input:checked + label .no_txt{display:none}
.switch.type2 input:checked + label .slider:before {content:''}
.switch.type2 input:checked + label .slider:after {-webkit-transform:translateX(36px);-ms-transform:translateX(36px);transform:translateX(36px)}


.switch.type3 .slider {height:46px;width:120px;background-color:var(--col_white);border:1px solid var(--col_button);border-radius:27px;-webkit-transition:.4s;transition:.4s}
.switch.type3 .slider:after {z-index:10;content:'기업';text-align:center;line-height:46px;font-size:16px;font-weight:600;color:var(--col_white);height:46px;width:60px;left:0;top:-1px;background-color:var(--col_blue);border:1px solid var(--col_blue);border-radius:27px;-webkit-transition:.4s;transition:.4s;-webkit-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px)}
.switch.type3 .slider span {z-index:1;position:absolute;top:0;left:0;height:46px;width:60px;line-height:46px;display:inline-block;text-align:center;color:var(--col_body);font-size:16px;-webkit-transition:.4s;transition:.4s}

.switch.type3 .slider span.no_txt {right:0;left:60px}
.switch.type3 input:checked + label .no_txt, .switch.type3 input + label .on_txt {display:block}
.switch.type3 input:checked + label .slider {background-color:var(--col_white)}
.switch.type3 input:checked + label .slider:after {position:absolute;content:'개인';-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);background-color:var(--col_green);border:1px solid var(--col_green)}
.switch.type3 input:disabled + label .slider {background-color:#e6e6e6}
/* 디자인 대기 :.switch.type3 input:checked:disabled + label .slider {background-color:#9bd0b4}*/

/* Hash tag */
.box_hash_wrap {display:flex;flex-wrap:wrap;gap:8px}
.box_hash_wrap .btn_hash {padding:0 12px;min-width:auto}
.btn_hash.small {height:34px}

/* paging */
.box_pagination {text-align:center;font-size:0}
.box_pagination .text_paging {
    font-size: 16px;
    padding: 0 8px;}
.box_pagination .text_paging.active {
    color: var(--col_blue);
    font-weight: 600;
}
.box_pagination button {display:inline-block;position:relative;width:36px;height:36px;line-height:36px;text-align:center;vertical-align:top;font-size:14px;background-color:var(--col_white);color:var(--col_body)}
.box_pagination button ~ button {margin-left:4px}
.box_pagination .btn_page.prev + button {margin-left:0}
.box_pagination button.btn_page {border:1px solid var(--col_button)}
.box_pagination button:hover, .box_pagination button:focus, .box_pagination button.active {background:var(--col_blue);color:var(--col_white);border-radius:4px;font-weight:600}

.box_pagination.small_type {display:flex;align-items:center;justify-content:center}
.paging_division {display:inline-block;width:24px;line-height:36px;color:var(--col_body);font-size:16px}
.box_pagination.small_type button ~ button {margin-left:0}
.box_pagination.small_type button:hover,
.box_pagination.small_type button:focus,
.box_pagination.small_type button.active {background:none;border:none;color:var(--col_body);font-weight:400}
.box_pagination.small_type button.active {color:var(--col_blue);font-weight:600}

.box_pagination.small_type span.num {display:inline-block;position:relative;width:36px;height:36px;line-height:36px;text-align:center;vertical-align:top;font-size:14px;background-color:var(--col_white);color:var(--col_body);}
.box_pagination.small_type span.num.active {color:var(--col_blue);font-weight:600}


.box_pagination button.btn_page:hover, .box_pagination button.btn_page:focus {background:var(--col_white);border:1px solid #aaa}
.box_pagination .btn_page.prev {margin-right:16px}
.box_pagination .btn_page.next {margin-left:16px}

.box_pagination .btn_page:after {content:"";display:block;position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;width:16px;height:16px;background:url("/cm/static/images/ico16_arrow_right.svg")}
.box_pagination .btn_page.last:after, .box_pagination .btn_page.first:after {background:url("/cm/static/images/ico16_arrow_right_double.svg")}
.box_pagination .btn_page.first:after, .box_pagination .btn_page.prev:after {transform:scaleX(-1)}

.box_pagination .btn_page:disabled, .box_pagination .btn_page:disabled:hover {border:1px solid var(--col_button);cursor:default}
.box_pagination .btn_page:disabled:after {opacity:.3}

/* indicator */
[class*='swiper-button-'] {border:1px solid var(--col_body)}
.box_slide_wrap { position: relative; }
.box_slide_wrap .swiper-pagination-bullet {margin:0 6px !important;background:var(--col_button);opacity:1;}
.box_slide_wrap .swiper-pagination-bullet-active {background:var(--col_blue)}
.wrap-autoplay-control {position:absolute;z-index:10;bottom:5px;left:calc(50% + 68px);transform:translateX(-50%)}
.wrap-autoplay-control button {display:block;width:24px;height:24px;border:0;background:transparent;cursor:pointer}
.wrap-autoplay-control button:before {display:block;content:'';position:absolute;top:0;left:0;width:24px;height:24px;}
.wrap-autoplay-control button[aria-pressed="false"]:before {background:url("/cm/static/images/ico24_indicator_pause.svg")}
.wrap-autoplay-control button[aria-pressed="true"]:before {background:url("/cm/static/images/ico24_indicator_play.svg")}
.custom-fraction {display:flex;align-items:center;justify-content:center;width:40px;height:24px;position:absolute;z-index:10;bottom:5px;left:calc(50% + 90px);border:1px solid var(--col_border);border-radius:12px;background:var(--col_white);text-align:center;font-size:12px;color:var(--col_gray)}
.custom-fraction .all {margin-left:4px}
.custom-fraction .current {margin-right:4px;color:var(--col_body);font-weight:600}

/* input */
input[type='text']::-ms-clear {display:none}
input[type='search']::-webkit-search-cancel-button {display:none}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='search'],
input[type='number'],
input[type='file']
input[type='date'],
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    /* transition:background-color 5000s ease-in-out 0s;
    -webkit-transition:background-color 9999s ease-out; */
    -webkit-box-shadow:0 0 0 0 white inset;
    font:16px 'Pretendard','sans-serif';
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.input_txt::-webkit-input-placeholder,
.input_txt::placeholder {color:var(--col_gray);font:16px 'Pretendard','sans-serif';}
input:-moz-placeholder,
textarea:-moz-placeholder,
.input_txt:-moz-placeholder {color:var(--col_gray);font:16px 'Pretendard','sans-serif';}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.input_txt:-ms-input-placeholder {color:var(--col_gray);font:16px 'Pretendard','sans-serif';}

input[readonly='readonly'], input[readonly], input:read-only {background-color:var(--col_bg);color:var(--col_body)}
input[disabled='disabled'], input[disabled], input:disabled {background-color:var(--col_bg);color:var(--col_dis)}
input[readonly='readonly']:hover, input[readonly]:hover,
input[readonly='readonly']:focus, input[readonly]:focus,
input[type='text']:disabled:hover, input[type='password']:disabled:hover,
input[type='text']:disabled:focus, input[type='password']:disabled:focus {border-color:var(--col_button)}
.input_txt.big {height:56px}
.input_txt.large {height:48px}

/* 보류 css 수정들어가야함 (조차수석님 작업본) */
.box_table_group .cell.type_lh .box_chk-group span {line-height:40px;}
.box_table_group .cell.type_lh .box_chk-group [class*="radio"] span:before,
.box_table_group .cell.type_lh .box_chk-group [class*="checkbox"] span:before {top:9px;}
.box_table_group .cell.type_lh .box_chk-group [class*="radio"] span:after,
.box_table_group .cell.type_lh .box_chk-group [class*="checkbox"] span:after {top:15px;}

/* form validation check common */
.box_table_group {position:relative;}
.box_table_group .cell {display:flex;flex-direction:column}
.box_table_group .cell.type_row {align-items: center; flex-direction:row}
.box_table_group .cell.type_row + .cell.type_row {margin-top:0; margin-left:8px;}
.box_table_group .cell + .cell {margin-top:8px}
.box_table_group .cell.error {position:relative}
.box_table_group .cell.error .box_ipt {border-color:var(--col_red) !important}
.input_txt {width:100%;height:40px;padding:0 26px 0 8px;background-color:var(--col_white);border:1px solid var(--col_button);border-radius:4px;color:var(--col_h);-webkit-appearance:none !important;font-size:16px;vertical-align:top}
.input_txt:hover, .input_txt:focus, .box_ipt.type2 .input_txt:hover, .box_ipt.type2 .input_txt:focus {border-color:var(--col_blue)}
.error .input_txt,
.error .input_txt:hover,
.error .input_txt:focus,
.error.box_textarea, .error .sel select {border-color:var(--col_red) !important}
p.ipt_txt_error {margin-top:2px;font-size:14px;color:var(--col_red);text-align:left !important}
p.ipt_txt_error.right {text-align:right !important}
.flex_wrap .ipt_txt_error{flex-basis: 100%;}
.input_txt.type_small {padding:0 7px;}
.input_txt.type_small_tdWkhrBgnEnd {height: 30px; padding:0 7px;}
.input_txt.type_adr_type {height: 250px; padding:0 7px;}
.box_table.small_pd tbody th, .box_table.small_pd tbody td.tdWkhrBgnEnd{padding:2px 2px 2px 2px}
.input_txt.large {padding:0 26px 0 12px;}
.input_txt.big {padding:0 30px 0 12px;}

.box_table_group .cell_wrap {display:flex;align-items:center}
.box_table_group .cell_wrap .cell + .cell {margin-top:0}
.box_table_group .cell_wrap.type2 {align-items:flex-start}
.box_table_group .cell_wrap.type2 .txt_date-line {line-height:40px}
.box_table_group .cell_wrap > .title{margin-right: 8px;white-space: nowrap;min-width: 20px;}
.box_table_group .box_ipt {display:inline-flex;align-items:center;width:100%;position:relative;background-color:var(--col_white);vertical-align:top}
.box_table_group .box_ipt + .btn, .box_table_group .btn + .box_ipt {margin-left:8px}
.box_table_group .box_ipt + .box_int_txt {margin-left:8px; word-break:keep-all;}
.box_table_group.type2 .box_ipt {flex:1}
.box_ipt button[class*='ico'] {position:absolute;right:6px;top:50%;margin-top:-8px;background:url("/cm/static/images/ico16_close.svg")}
.box_table_group .txt_notice {margin:8px 0 0;color:var(--col_gray);font-size:14px}
.box_table_group .txt_notice.inline {margin:0 0 0 8px; }
.box_ipt .large + button[type=reset] {right:8px;}
.box_ipt .big + button[type=reset] {right:8px;}
.box_ipt .big + button.ico24_keypad {right:8px;}
.ico24_keypad {margin-left:8px;padding:0 20px;border-radius:4px;border:1px solid var(--col_btn);background:var(--col_white) url("/cm/static/images/ico24_keypad.svg") no-repeat center;background-size:24px;}
.ico24_keypad.h40 {height:40px}
.ico24_keypad.h48 {height:48px}
.ico24_keypad.h56 {height:56px}

.box_table_group.flex_al {display:flex}
.box_table_group.flex_al .txt_date-line {line-height:40px}

.box_table_group.line_type .cell + .cell{border-top:1px solid var(--col_border);padding-top:8px}
.box_table_group.line_type .cell_tit{margin-right:24px}
.box_table_group.line_type .cell_wrap{align-items:baseline}
.box_table_group.line_type .cell_wrap.inner + .cell_wrap.inner{margin-top:8px}

.al_r_int_txt {margin-right:24px}

/* zipcode */
.zipcode_area .btn {margin-bottom:8px}

/* form etc */
.form_box {display:flex;align-items:center}
.txt_date-line {display:inline-block;margin:0 13px;width:14px;text-align:center}
.form_box .box_ipt + .btn {margin-left:8px}
.form_box .data_txt + .btn {margin-left:24px}
.form_box ~ .txt_notice {margin:8px 0 0;color:var(--col_p);font-size:14px}
.form_box .box_ipt + .sel {margin-left:8px}
.form_box .type_txt {color:var(--col_h);}
.form_box .type_txt + .sel {margin-left:24px;}
.form_box .box_table_group.box_datepicker + .btn {margin-left:8px;}

.form_box_area .num {display:inline-block;min-width:20px;margin-right:8px}
.form_box_area li + li {margin-top:8px}

/* radio & checkbox Multi form type */
.box_form_group .item {display:flex;align-items:center}
.box_form_group .item + .item {margin-top:14px}

.box_form_group .box_radio-group + .box_table_group .box_ipt {margin-left:16px}
.box_form_group .box_table_group.box_datepicker .cell .box_ipt {margin-left:0}
.box_form_group .box_radio-group + .box_table_group .ipt_txt_error {margin-left:16px}
.box_form_group .txt_notice {margin:0 0 0 8px;color:var(--col_gray);font-size:14px}

.box_form_group .box_table_group {display:inline-flex}
.box_form_group .box_table_group .txt_notice {line-height:40px}

.box_form_group.type2 .item + .item{margin-top:8px}

.box_inp_group{display:flex;align-items:center;white-space:nowrap;gap:4px}


/* datepicker */
.box_table_group.box_datepicker, .box_table_group.box_email_area {display:flex;align-items:center}
.box_datepicker .input_txt {padding-right:36px}
.btn_calendar,
.ui-datepicker-trigger{position:absolute;right:12px;top:50%;margin-top:-12px;width:24px;height:24px;background:url("/cm/static/images/ico24_calendar.svg") 0 0 no-repeat;vertical-align:middle;text-indent:-999em}
.btn_timer,
.ui-timer-trigger{position:absolute;right:12px;top:50%;margin-top:-12px;width:24px;height:24px;background:url("/cm/static/images/ico40_timer.svg") 0 0 no-repeat; background-size: contain; vertical-align:middle;text-indent:-999em;}
.box_datepicker input[disabled='disabled']:hover, .box_datepicker input[disabled]:hover,
.box_datepicker input[disabled='disabled']:hover + button, .box_datepicker input[disabled]:hover + button {cursor:default}
.box_datepicker input[disabled='disabled'] + .btn_calendar {opacity:.4}

.box_datepicker .date_line {align-self:flex-start;margin:5px 10px;width:8px;text-align:center;line-height:28px;font-size:12px;color:var(--col_body);vertical-align:top;font-style:normal}

.box_month_area {margin-left:16px}
.box_month_area .btn {padding:0 10px;min-width:50px}
.box_month_area .btn:hover, .box_month_area .btn:focus, .box_month_area .btn.is-active {border-color:var(--col_blue);color:var(--col_blue)}
.box_month_area .r30.btn.is-active{color:var(--col_white)}

/* email */
.box_table_group.box_email_area {align-items:flex-start}
.box_table_group .mo_block {display:flex;align-items:flex-start;margin-right:8px}
.box_table_group .cell_wrap .mo_block {align-items:center}
.box_table_group.box_email_area .cell+ .cell {margin:0 0 0 8px}
.box_table_group.box_email_area .txt_date-line,
.box_form_login .box_table_wrap.write .box_table_group.box_email_area .txt_date-line,
.box_join_person .box_form_login .box_table_group.box_email_area .txt_date-line {line-height:40px}
.box_form_login .box_table_wrap.write.bg_none .box_table_group.box_email_area .txt_date-line {line-height:48px}
.box_form_login .box_table_group.box_email_area .txt_date-line {line-height:56px}

/* text field */
.box_ipt.type2 .input_txt {border:none;border-bottom:1px solid var(--col_body);border-radius:0}
.box_ipt.type2 .ico24_delete {right:0;top:50%;margin-top:-12px;background:url("/cm/static/images/ico24_ui_close_circle_filled.svg")}
.error .box_ipt.type2 .input_txt {border-color:var(--col_red)}
.box_ipt .box_in_title {position:absolute; top:50%; left:17px; transform:translateY(-50%);}

/* textarea */
.box_textarea {position:relative;box-sizing:border-box;flex-direction:column;display:flex;}
.box_textarea .btn_area {margin-left:auto;}
textarea {width:100%;padding:10px 16px 24px 8px;resize:none;font-size:16px;background:var(--col_white);border:1px solid var(--col_button);appearance:none;-webkit-appearance:none;-moz-appearance:none}
.box_textarea textarea {order:1;}
.box_textarea .txt_byte {font-size:14px;text-align:right;color:var(--col_gray);line-height:24px;order:2;}
.box_textarea p.ipt_txt_error {order:3;}
.box_textarea .txt_byte .data {color:var(--col_body)}
textarea[disabled='disabled'], textarea:disabled,
textarea[readonly='readonly'], textarea:read-only {background:var(--col_bg)}
.box_textarea.disabled .txt_byte, .box_textarea.disabled .txt_byte .data {color:var(--col_dis)}
.box_textarea.error textarea {border-color:var(--col_red)}
.box_textarea.error .ipt_txt_error {color:var(--col_red);line-height:24px; margin-top: 0;}

/* radio & checkbox 시스템으로 변경 */
.box_chk-group,.box_radio-group {display:inline-flex; justify-content: flex-start; align-items: center;flex-wrap: wrap; }
.box_chk-group > span, .box_radio-group > span, .box_radio-container > span {display:inline-flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; min-height:28px }
/* 접근성 수정 start */
input[type="radio"], input[type="checkbox"] {appearance: none; margin: 0; width: 17px; height: 17px; background-color: transparent;}
input[type="radio"] {position: relative; display: inline-block; vertical-align: middle; margin-top: -2px;}
input[type="radio"]:before {position: absolute; left: 0; top: 0; width: 17px; height: 17px; border: 1px solid var(--col_button); border-radius: 50%; background-color: var(--col_white); transition: border-color .2s, box-shadow .2s, background-color .5s; content:"";}
input[type="radio"]:checked::before {border-color: var(--col_blue); background-color: var(--col_blue); box-shadow: 0 0 0 5px var(--col_blue) inset;}
input[type="radio"]:after {position: absolute; width: 9px; height: 9px; border-radius: 50%; background-color: var(--col_white); content: ""; transform: translate(4px, 4px);}
input[type="radio"]:disabled::before { border-color: var(--col_button); background-color: var(--col_white); box-shadow: none;}
input[type="radio"]:disabled::after { background-color: var(--col_btn);}
input[type="radio"]:disabled:checked::after { background-color: var(--col_button)}
input[type="checkbox"] {margin: 0; border: 1px solid var(--col_button); border-radius: 4px; background-color: var(--col_white); transition: background-color .5s;}
input[type="checkbox"]:checked {border-color: var(--col_blue); background: var(--col_blue) url('/cm/static/images/ico_check_white.svg') no-repeat center;}
input[type="checkbox"]:disabled { border-color: var(--col_tabe);}
input[type="checkbox"]:disabled:checked { border-color: var(--col_tabe); background-color: var(--col_tabe);}

/* 접근성 수정 end */
.box_radio-group input[type='radio'] + label { margin-left: 6px; line-height: 28px; }
.box_radio-group > span, .box_radio-container > span {margin-right:16px}
.box_radio-group.ty2 > span, .box_radio-container.ty2 > span {margin-right: 14px;} /* 추가 */
.box_chk-group input[type="checkbox"] + label,
.box_chk-group input[type="checkbox"] + input[type="hidden"] + label { margin-left: 6px;  line-height: 28px; }
.box_chk-group > span {margin-right:24px;}
.box_chk-group.td_chk_list > span {margin-right:16px;}

.box_chk-group.third li {width: 33.3333%; margin-bottom: 10px;}

.box_message_wrap .box_radio-group > span + span, .box_message_wrap .box_chk-group > span + span,
.box_chk-group.list_type > span + span, .box_radio-group.list_type > span + span {margin-left:0}
.box_message_wrap .box_chk-group > span, .box_chk-group.list_type > span {margin-right:24px}
.box_message_wrap .box_radio-group > span, .box_radio-group.list_type > span {margin-right:16px}

.box_select_area .box_radio-group span,
.box_select_area .box_chk-group span { margin-top: 8px; }
.page_survey_wrap input[type='radio'] + label { margin-right: 24px; }

.box_chk-group.tooltip_chk {display:flex;gap:8px 16px}
.box_chk-group.tooltip_chk .chk_list {display:flex;align-items:center}
.box_chk-group.tooltip_chk .chk_list > span {display:flex;align-items:center}
.box_chk-group.tooltip_chk input[type="checkbox"] + label,
.box_chk-group.tooltip_chk input[type="checkbox"] + input[type="hidden"] + label {margin-right:4px}

.box_chk-group.block_type,
.box_radio-group.block_type {display:block}
.box_chk-group.block_type > span,
.box_radio-group.block_type > span {display:flex}
.box_chk-group.block_type > span + span,
.box_radio-group.block_type > span + span {margin-left:0}

/* 좌우 풀 */
.box_chk-group.flex_between,
.box_radio-group.flex_between {display:flex;justify-content: space-between;}

.box_chk-group > span.line_type {flex-wrap:nowrap;align-items:flex-start}
.box_chk-group > span.line_type input[type="checkbox"] {margin-top:6px}
.box_chk-group > span.line_type.type1 input[type="checkbox"] {min-width: 16px;}

.box_radio-group.type2 {display:flex;flex-direction:column;align-items:flex-end}
.box_radio-group.type2 > span + span {margin-top:16px}
.box_radio-group.type02 input[type='radio'] + label:last-child {margin-right:0;}

.box_radio-group.flex_item_s > span + span {margin-top:4px;margin-left:0}

.box_chk-group.flex_al, .box_radio-group.flex_al {display:flex}
.box_chk-group.flex_al > span, .box_radio-group.flex_al > span,
.box_calc_wrap.col-3 .cell {width:calc(100% / 3);margin-right:0}
.box_chk-group.flex_al > span + span, .box_radio-group.flex_al > span + span {margin-left:0}
.box_chk-group.flex_al input[type="checkbox"] + label,
.box_chk-group.flex_al input[type="checkbox"] + input[type="hidden"] + label,
.box_radio-group.flex_al input[type="checkbox"] + label,
.box_radio-group.flex_al input[type="checkbox"] + input[type="hidden"] + label {margin-right:0}
.box_chk-group.flex_al > span:nth-child(n+4), .box_radio-group.flex_al > span:nth-child(n+4),
.box_calc_wrap.col-3 .cell:nth-child(n+4), .box_chk-group.flex_al.all_mt > * {margin-top:8px}
.box_chk-group.flex_al.type2 span {width:calc(100% / 10)}
.box_chk-group.flex_al[class*="col_"]{gap:8px 0}
.box_chk-group.flex_al[class*="col_"] span{margin:0}
.box_chk-group.flex_al.col_2 span,.box_radio-group.flex_al.col_2 span{width:50%}
.box_chk-group.flex_al.col_4 span,.box_radio-group.flex_al.col_4 span{width:25%}
.box_chk-group.flex_al.col_4 span,.box_radio-group.flex_al.col_5 span{width:20%}

.number_chk-group{display: flex;flex-direction: column;align-items: center;gap: 4px;}
.number_chk-group.type2{flex-direction: row}

.flex_wrap {display:flex; flex-wrap: wrap; }
.flex_wrap .col-2 {width:calc(100% / 2); }
.flex_wrap .col-2.box_radio-group,
.flex_wrap .col-2.box_chk-group {height:40px;}
.flex_wrap.flex_al_c {align-items: center !important;}
.flex_wrap .btn + .btn{margin-left:10px}

/* select */
select::-ms-expand {display:none}
.form_box.box_sel-group {align-items:flex-start} /* 오류메세지 단일로 1개만 들어가게 될경우 center정렬하면 정렬깨짐 */
.form_box.box_sel-group .box_table_group {flex:1}
.form_box.box_sel-group .box_table_group ~ .box_table_group,
.form_box.box_sel-group .box_table_group ~ [class*='box_ipt'] {margin-left:8px}
.sel {display:inline-block;width:100%;height:40px;vertical-align:top}
.sel.type2 {width:100%}
.sel select {width:100%;height:100%;padding:0 16px 0 4px;background:var(--col_white);color:var(--col_body);border:1px solid var(--col_button);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:16px;overflow:hidden !important;text-overflow:ellipsis;white-space:nowrap}
.sel select:hover, .sel select:focus {border-color:var(--col_blue)}
.sel select:disabled {background-color:var(--col_bg);color:var(--col_dis);opacity:1}
.sel select:disabled:hover, .sel select:disabled:focus{border-color:var(--col_button)}
select option:disabled {color:var(--col_dis)}
.sel.big {height:56px}
.sel.large {height:48px}
.sel.round {width:fit-content;height:36px}
.sel.round select {border-radius:24px}
.sel.big select,.sel.large select {padding:0 16px 0 6px;}

/* Search Form Area */
.box_form_content {padding:18px 40px;background-color:var(--col_box_bg);border-radius:8px}
.box_message_wrap + .box_form_content {margin-top:40px}
.search_table .box_ipt_validation {position:relative}
.search_table .box_ipt {display:block}
.search_table .btn_search {position:absolute;top:50%;right:0;margin-top:-20px;padding:0 15px;min-width:60px;width:60px}
.search_table .btn_search.type_btm {top:auto;bottom:0;margin-top:0;}
.search_table th, .new_th, .search_table td {padding:6px 0}
.search_table th, .new_th {text-align:left;white-space:nowrap;color:var(--col_h);font-weight:600}
.search_table th.v_top, .search_table td.new_th.v_top {position:relative;top:10px}
.search_table td {position:relative;padding-right:40px}
.search_table td:last-child {padding-right:0}
.search_table td .box_chk-group {min-height:40px}
.search_table .box_btn_wrap {gap:8px}
.box_sch_group {display:flex}
.box_sch_group .box_ipt {position:relative}
.box_sch_group > span {flex:1}
.box_sch_group .btn_search {position:static;margin:0 0 0 16px}
.box_sch_group .box_ipt + .btn {margin:0 0 0 8px}
.box_select_area {position:relative;margin:12px 0 24px;padding:24px;background-color:var(--col_white);border-radius:8px}
.box_select_area.type2 {margin:0;padding:16px;max-height:132px;overflow:hidden;overflow-y:scroll}
.box_select_area .b1_sb {color:var(--col_h)}
.box_select_area .box_chk-group {margin-top:2px}
.box_select_area .ico24_close {position:absolute;right:24px;top:24px;background:url("/cm/static/images/ico24_close.svg")}

.box_sch_group.type2 .sel {flex:inherit}
.sch_link_wrap {margin-top:4px}
.sch_link_wrap .btn_txt {margin:14px 24px 0 0}

/* Tooltip */
.box_tooltip {position:relative;display:inline-block;vertical-align:middle;}
.btn_help {width: 18px; height: 18px; background: url("/cm/static/images/ico16_caution_filled.svg") center no-repeat;} /* 접근성 수정 */
.btn_help.prm { background:url("/cm/static/images/ico16_caution_filled.svg") 0 0 no-repeat;}
.box_help-data {display:none; position:absolute;bottom:30px;left:0;padding:6px 30px 6px 16px;min-width:196px;min-height:36px;background-color:var(--col_white);border:1px solid var(--col_blue);border-radius:12px;box-shadow:0 8px 16px rgba(0, 0, 0, 0.04);z-index:9;visibility:hidden;opacity:0;text-align:left !important}

.box_help-data:before, .box_help-data:after {content:'';display:block;position:absolute}
.box_help-data:after {left:12px;bottom:-17px;width:19px;height:18px;background:url("/cm/static/images/ico_tootlip_arrow.png") 0 0 no-repeat;background-size:10px 10px}
.box_help-data:before {left:14px;bottom:-1px;width:5px;height:2px;background:var(--col_white);z-index:1}

.btn_help.active + .box_help-data {visibility:visible;opacity:1; display: block;}
.box_tooltip .box_help-data.active {visibility:visible;opacity:1; display: block;}
.box_help-data .txt_list {font-size:14px;line-height:24px}
.box_help-data .s1_sb {margin-bottom:4px}
.box_tooltip .ico16_delete {position:absolute;right:12px;top:10px;background:url("/cm/static/images/ico16_close.svg")}
.box_tooltip.type2 .btn_help {background:url("/cm/static/images/ico16_question_on.svg") 0 0 no-repeat}
.box_tooltip.type2 .btn_help.dis {background: url("/cm/static/images/ico16_question_on.svg") 0 0 no-repeat;}
.box_tooltip.type2 .btn_help.ass {background:url("/cm/static/images/ico16_caution_filled_red.svg") 0 0 no-repeat}

.box_tooltip.right .box_help-data {left:auto;right:0}
.box_tooltip.right .box_help-data:after {left:auto;right:12px;transform:rotate(90deg)}
.box_tooltip.right .box_help-data:before {left:auto;right:14px;width:7px}

.box_tooltip.bottom .box_help-data {left:auto;bottom:auto;top:30px}
.box_tooltip.bottom .box_help-data:after {left:13px;bottom:auto;top:-17px;transform:scaleY(-1)}
.box_tooltip.bottom .box_help-data:before {left:14px;bottom:auto;top:-1px;width:7px}

.box_tooltip.bottom .box_help-data.new {padding: 6px 48px 6px 16px;} /* 250730 추가 */
.box_tooltip .box_help-data.new .ico16_delete {right: 16px; top: 50%; transform: translateY(-50%);} /* 250730 추가 */

/* Notice message */
.sub_txt {font-size:14px;color:var(--col_p)}
.sub_txt.type02 {font-size:16px;line-height:28px !important}
.box_notice_wrap, .box_message_wrap {display:flex;padding:15px 24px;border:1px solid var(--col_btn);border-radius:8px;background:var(--col_white)}
.box_notice_wrap .tit {position:relative;min-width:60px;margin-right:24px;padding-left:32px;font-weight:600;line-height:28px}
.box_notice_wrap .tit:before {content:'';display:block;position:absolute;left:0;top:2px;width:24px;height:24px;background:url("/cm/static/images/ico24_loudspeaker.svg")}
.box_notice_wrap .tit.bg_none {min-width:auto}
.box_notice_wrap .txt_list {flex:1}
.box_notice_wrap .box_list_area {flex:1}
.box_notice_wrap.flex_al_s{justify-content:space-between}
.box_notice_wrap .notice_group{display:flex;align-items:center;flex:1}
.box_notice_wrap.call_box{border:none;border-top:1px solid var(--col_btn);justify-content:center;margin-top:40px;padding-top:40px}
.box_notice_wrap.call_box .txt_wrap{display:inline-flex;align-items:center}
.box_notice_wrap.call_box .b1_sb{margin-right:4px}
/* 11-13 마이페이지 수정 */
.box_notice_wrap.nts_after { border: none; background-color: var(--col_skyblue_light);}
.box_notice_wrap.nts_after .tit { min-width: 24px; margin-right: 0;}
.box_notice_wrap.nts_after .tit:before { background-image: url("/cm/static/images/icon/24/ico24_ui_alarm_red.svg");}
.box_notice_wrap.nts_after .box_list_area .txt_list { padding-left: 0; font-size: 16px; font-weight: 600; color: var(--col_body);}
.box_notice_wrap.nts_after .box_list_area .txt_list::before { display: none;}
/* 11-13 마이페이지 수정 end */
.box_tab-contents .box_message_wrap {margin-top:24px}
.txt_list {line-height:28px;font-size:16px}
.txt_list .essential:after {left:-4px;top:0}
.box_list_area .txt_list, .sym_cir {position:relative;padding-left:12px;color:var(--col_p)}
.box_list_area .txt_list:before, .sym_cir::before {content:'';display:block;position:absolute;left:0;top:11px;width:4px;height:4px;background:var(--col_p);border-radius:50%}
.sym_cir::before {top: 8px;}
.box_list_area .txt_list.type2:before {display:none}
.box_list_area .txt_list > .txt_list:before {width:3px;height:3px}
.box_list_area .txt_list .txt {line-height:28px}
.box_list_area .txt_list + .txt_list, .box_list_area .txt_list .txt, .box_list_area .txt_list .txt + .box_list_area {margin-top:4px}
.box_list_area .sub_txt {display:block}
.box_list_area + .b1_r {margin-top:8px}
.box_list_area.type2 .txt {font-weight:600;font-size:18px}
.box_list_area.clr_333 .txt_list {color:var(--col_body)}
.box_list_area.clr_333 .txt_list:before {background:var(--col_body);}
.box_list_area.f_15 .txt_list {font-size: 15px;}
.box_list_area.clr_wh .txt_list {color: var(--col_white);}
.box_list_area.clr_wh .txt_list::before {background-color: var(--col_white);}

.box_list_area.type3 {display:flex;align-items:center}
.box_list_area.type3 li + li {margin-left:20px;margin-top:0 !important;}

.box_list_area.number_type .txt_list {margin-left:12px;text-indent:-22px}
.box_list_area.number_type .txt_list:before {display:none}

.box_list_area.line_type {padding-bottom:16px;border-bottom:1px solid var(--col_btn)}

.essential {position:relative;top:-4px;left:6px;display:inline-block;width:6px;height:6px;margin-right:10px}
.essential:after {content:'';display:block;position:absolute;left:0;top:-4px;width:6px;height:6px;border-radius:50%;background:var(--col_red)}
.txt_essential {display:inline-block;margin-left:8px;font-size:14px;font-weight:400;color:var(--col_gray)}
.txt_essential .essential:after {top:0}
.txt_question{display: flex;align-items: center;font-size: 12px;font-weight:normal}
.txt_question .box_radio-group{margin-left:10px}
.txt_question .box_radio-group label{font-size: 12px !important;}
.ico16_call {display:inline-block;position:relative; top:4px;left:2px;margin-right:4px;background:url("/cm/static/images/ico16_call_filled.svg")}
.box_bdnone_wrap { padding: 16px; }

.box_bdnone_wrap.type2 {border-top:1px solid var(--col_border)}
.txt_list_area li {display:flex}
.txt_list_area li + li {margin-top:4px}
.txt_list_area .tit, .txt_list_area .desc {line-height:28px}
.txt_list_area .desc {margin-left:4px}
.box_bdnone_wrap.type2 .box_list_area > li + li {margin-top:8px}

.box_small_wrap { margin-top: 24px; padding-left: 10px; }
.box_small_wrap .box_list_area .txt_list {position:relative;padding-left:12px;line-height:24px;font-size:14px; color: var(--col_p)}
.box_small_wrap .box_list_area .txt_list:before {content:'';display:block;position:absolute;left:0;top:11px;width:3px;height:3px;background:var(--col_p);border-radius:50%}
.box_small_wrap .box_list_area li > .box_list_area { margin: 4px 0 0 10px; }
.box_small_wrap .tit {font-size:14px; line-height:24px; margin-bottom:8px;}
.box_small_wrap .tit.text-danger [class*='ico16_'] {margin-right:4px}
.ico16_notice {background:url("/cm/static/images/ico16_!.svg");}
.ico16_caution_filled_red {background:url("/cm/static/images/ico16_caution_filled_red.svg");}

.box_notice_wrap .tit.type2:before {background:url("/cm/static/images/ico24_loudspeaker_gray.svg")}
.box_notice_wrap.type2 {padding:7px 24px}
.box_notice_wrap.type2 .txt_list:before,
.box_notice_wrap .tit.bg_none:before {display:none}
.box_notice_wrap .tit.bg_none {padding-left:0}

.box_notice_wrap.ico_type { padding: 30px 24px; }
.box_notice_wrap.ico_type p {  line-height: 24px; }
.box_notice_wrap.ico_type i + p { margin-left: 8px; }

/* S: 250730 추가*/
[class^="box_rnd_"].pd2440 {padding: 24px 40px;} /* 250730-1 추가 */
[class^="box_rnd_"].pd4024 {padding: 40px 24px;}
[class^="box_rnd_"].pd6024 {padding: 60px 24px;}
.box_rnd_noti {padding: 16px 24px; border-radius: 6px;}
.box_rnd_noti .tit {display: block; min-width: 0; line-height: 28px; font-weight: 600; font-size: 16px; color: var(--col_body); flex: 1;}
.box_rnd_noti .tit a:hover, .box_rnd_noti .tit a:focus {text-decoration: underline; outline-offset: -2px;}
.box_rnd_noti .tit.ico_alarm_red {padding-left: 32px; background: url("/cm/static/images/icon/24/ico24_ui_alarm_red.svg") 0 2px no-repeat;}
.box_rnd_noti .tit.ico_message_srch {padding-left: 32px; background: url("/cm/static/images/icon/24/ico24_message_search.svg") 0 0 no-repeat;}
.box_rnd_noti.blue {background-color: #f2f4fc;}
.box_rnd_noti.gray {background-color: #f5f6f8;}
.box_rnd_noti .noti_flex {display: flex; gap: 8px; justify-content: space-between; align-items: center;}
.box_rnd_noti .noti_flex .txt_ico_arr {flex-shrink: 0;}
.box_rnd_gray {border-radius: 12px; background-color: #f5f6f8;}
/* E: 250730 추가*/

/* list bullet */
.box_message_wrap {display:block;padding:16px}
.box_message_wrap.type2 {padding:8px 24px}
.box_message_wrap.type3 {padding:16px 24px}
.box_message_wrap.type4 {padding:40px 80px}
.box_message_wrap.type5 {padding:24px 40px} /* 250828 추가 */
.box_message_wrap.tit_type {padding:24px}
.box_message_wrap .tit {margin:0 0 8px;font-weight:600;line-height:28px}
.box_message_wrap .tit.type2 {line-height:48px;font-size:20px}
.box_message_wrap.bg_type {background:var(--col_box_bg);border:none}
.box_message_wrap.bg_type02 {background:var(--col_skyblue_light);}
.box_message_wrap.tit_flex_type {display:flex; padding:16px 24px; margin-top:40px;}
.box_message_wrap.tit_flex_type .tit {margin-right:24px;}
.box_message_wrap .box_list_area + .tit {margin-top:22px}
.box_message_wrap .txt_message + .txt_message {margin-top:8px}
.box_message_wrap .txt_list_group {margin-top:8px}
.box_message_wrap .txt_list_group li {line-height:28px}
.box_message_wrap .txt_list_group li + li {margin-top:4px}

.box_message_wrap .box_list_chk.array_type, .box_message_wrap .box_list_chk.array_type .item {border:none}
.box_message_wrap .box_list_chk.array_type .item {padding:0;min-height:auto}

.box_message_wrap .txt_list.line_type {padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--col_border)}

/* 만족도 조사 */
.box_satisfaction {position:relative;padding-left:32px;margin-top:80px}
.box_satisfaction:before {content:'';display:block;position:absolute;left:0;top:0;width:8px;height:100%;background:var(--col_border)}
.box_satisfaction .txt {font-weight:600;line-height:28px}
.page_survey_wrap {display:flex;justify-content:space-between;align-items:center;margin-top:8px}
/* .page_survey_wrap .box_chk-group {gap:24px}
.page_survey_wrap [class*="radio"] span {padding-left:30px;} */
.page_survey_wrap .rating {display:block;height:24px;font-size:0;background:url("/cm/static/images/ico_star_bule.svg") 0 4px no-repeat;overflow:hidden}
.page_survey_wrap .rating05 {width:96px}
.page_survey_wrap .rating04 {width:76px}
.page_survey_wrap .rating03 {width:56px}
.page_survey_wrap .rating02 {width:36px}
.page_survey_wrap .rating01 {width:16px}

.page_survey_wrap.type2 {position:relative;display:inline-block;margin:0;width:96px;height:16px;background:url("/cm/static/images/main_new/ico_star_green.svg") 0 0 no-repeat;font-size:0;}
.page_survey_wrap.type2 .starpoint_bg {display:block;position:absolute;top:0;left:0;height:16px;background:url("/cm/static/images/main_new/ico_star_green.svg") 0 -16px no-repeat;pointer-events:none;}

/* tab */
.tab_wrap .tab_title {display:flex}
.tab_wrap .tab_title li {flex:1}
.tab_wrap .tab_title li button, .tab_wrap .tab_title li a {display:block;width:100%;height:48px;border:none;background:var(--col_white);text-align:center}
.tab_wrap .tab_title li button span, .tab_wrap .tab_title li a span {position:relative;display:block;height:100%;line-height:48px;border:1px solid var(--col_button);background:var(--col_white);font-weight:400;font-size:16px;color:var(--col_body)}
.tab_wrap .tab_title li ~ li button span, .tab_wrap .tab_title li ~ li a span {border-left:none}
.tab_wrap .tab_title li:first-child button span, .tab_wrap .tab_title li:first-child a span {border-top-left-radius:4px;border-bottom-left-radius:4px}
.tab_wrap .tab_title li:last-child button span, .tab_wrap .tab_title li:last-child a span {border-top-right-radius:4px;border-bottom-right-radius:4px}
.tab_wrap .tab_title li.active button span, .tab_wrap .tab_title li.active a span,
.tab_wrap .tab_title li.active:hover button span, .tab_wrap .tab_title li.active:hover a span {border:none;background:var(--col_blue);color:var(--col_white);font-weight:600}
.tab_wrap .tab_title li.active button span:after, .tab_wrap .tab_title li.active a span:after {content:'';display:block;position:absolute;left:-1px;top:0;width:1px;height:100%;background:var(--col_blue)}
.tab_wrap.bg_type .tab_title li.active:first-child button span:after, .tab_wrap.bg_type .tab_title li.active:first-child a span:after {display:none}

.tab_wrap .tab_title li button .is_request {color:var(--col_pink);}          /* 탭 상태값(기본 색상) : 반려요청 */
.tab_wrap .tab_title li button .is_finish {color:var(--col_homegreen);}      /* 탭 상태값(기본 색상) : 처리완료 */
.tab_wrap .tab_title li.active button .is_request {color:var(--col_pink2);}  /* 탭 상태값(활성 색상) : 반려요청 */
.tab_wrap .tab_title li.active button .is_finish {color:var(--col_tabe);}    /* 탭 상태값(활성 색상) : 처리완료 */

.tab_cont .box_tab-contents {display:none}
.tab_cont .box_tab-contents.active {display:block}
.tab_wrap.line_type {position:relative}
.tab_wrap.line_type .tab_title {border-bottom:1px solid var(--col_btn)}
.tab_wrap.line_type .tab_title li button, .tab_wrap.line_type .tab_title li a {background:none}
.tab_wrap.line_type .tab_title li button span, .tab_wrap.line_type .tab_title li a span {border:none;display:flex;align-items:center;justify-content:center;    line-height:initial}
.tab_wrap.line_type .tab_title li:hover button span, .tab_wrap.line_type .tab_title li:hover a span {background:none}
.tab_wrap.line_type .tab_title li.active button span,.tab_wrap.line_type .tab_title li.active a span {background:none;color:var(--col_h)}
.tab_wrap.line_type .tab_title li.active button span:after, .tab_wrap.line_type .tab_title li.active a span:after {top:auto;left:0;bottom:-1px;width:100%;height:2px;border:none}
.tab_wrap.line_type .tab_title li.active:first-child button span:after, .tab_wrap.line_type .tab_title li.active:first-child a span:after{display:block}
.tab_wrap.line_type .box_tab-contents > .box_table_hd {margin-top:40px;}

.tab_wrap.depth_tab > .tab_title {display:inline-flex;gap:8px}
.tab_wrap.depth_tab > .tab_title li {flex:none}
.tab_wrap.depth_tab > .tab_title li button span {padding:0 16px;border-radius:4px}
.tab_wrap.depth_tab > .tab_title li ~ li button span,
.tab_wrap.depth_tab > .tab_title li.active button span,
.tab_wrap.depth_tab > .tab_title li.active:hover button span {border-left:1px solid var(--col_button)}
.tab_wrap.depth_tab > .tab_title li.active button span:after {display:none}
.tab_wrap.depth_tab .tab_cont {margin-top:16px} /* contents안에 들어가는 tab으로 margin값 항시 고정 (공통) */

.tab_wrap.round_type .tab_title {display:inline-flex;gap:8px}
.tab_wrap.round_type .tab_title li {flex:auto}
.tab_wrap.round_type .tab_title li button {height:40px}
.tab_wrap.round_type .tab_title li button span {padding:0 12px;line-height:40px;color:var(--col_p);border-radius:30px}
.tab_wrap.round_type .tab_title li ~ li button span {border-left:1px solid var(--col_button)}
.tab_wrap.round_type .tab_title li.active button span, .tab_wrap.round_type .tab_title li.active:hover button span {color:var(--col_white)}
.tab_wrap.round_type .tab_title li.active button span:after {display:none}

.tab_cont .tab_wrap {margin-top:16px}

.anchor_type_tab .tab_title {display:flex}
.anchor_type_tab .tab_title li {flex:1}
.anchor_type_tab .tab_title li a {display:block;width:100%;height:48px;border:none;background:var(--col_white);text-align:center}
.anchor_type_tab .tab_title li a span {position:relative;display:block;height:100%;line-height:48px;border:1px solid var(--col_button);background:var(--col_white);font-weight:400;font-size:16px;color:var(--col_body)}
.anchor_type_tab .tab_title li ~ li a span {border-left:none}
.anchor_type_tab .tab_title li:first-child a span {border-top-left-radius:4px;border-bottom-left-radius:4px}
.anchor_type_tab .tab_title li:last-child a span {border-top-right-radius:4px;border-bottom-right-radius:4px}
.anchor_type_tab .tab_title li.active a span,
.anchor_type_tab .tab_title li.active:hover a span {border:none;background:var(--col_blue);color:var(--col_white);font-weight:600}
.anchor_type_tab .tab_title li.active a span:after {content:'';display:block;position:absolute;left:-1px;top:0;width:1px;height:100%;background:var(--col_blue)}
.anchor_type_tab > .tab_title li.active:first-child a span:after {display:none}

/* file add */
.box_file_wrap {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;background:var(--col_white);border-radius:8px;background:#f6f6f6;border:none}
.input_file_group {min-width:74px;overflow:hidden;position:relative}
/* .input_file_group .fake_file {color:var(--col_blue);text-decoration:underline} */
.input_file_group .fake_file {padding: 10px; margin-left:10px; margin-right:10px; border-radius: 4px; background-color: var(--col_white); color: var(--col_blue); border: 1px solid var(--col_blue);}

.input_file_group input.input_file {padding:0;position:absolute;top:0;right:0;width:100%;height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0}
.input_file_group input.input_file:after {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer}
.box_file_wrap .box_add_file {display:flex;color:var(--col_h); align-items: center; height:28px}
.box_file_wrap .sub_txt { display: flex; height:26px; margin-top: 2px; align-items: center;}

/* 파일 첨부 리스트 */
.box_filelist_wrap { border: 1px solid var(--col_btn); padding: 24px; border-radius: 8px; margin-top: 40px; }
.box_filelist_wrap.type01 { padding: 16px 24px; }
.box_filelist_wrap.type02 .btn_filelist_name{display:inline-block;width:350px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.box_filelist_wrap.type02 .btn_filelist_name::before{display:inline-block;vertical-align: middle;}
.box_filelist_wrap ul li { display: flex; justify-content: space-between;  align-items: center; line-height: 24px; flex-wrap: wrap; }
.box_filelist_wrap ul li + li  { margin-top: 10px; }
.box_filelist_wrap ul li .box_filelist_btn { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.btn_filelist_name { display: flex; align-items: center; justify-content: flex-start; font-size: 14px; color: var(--col_blue);  }
.btn_filelist_name::before { display: block; content: ""; width: 24px; height: 24px; margin-right: 4px; background:url("/cm/static/images/ico24_ui_fileattachments_filled.svg") no-repeat;  }
.btn_filelist_name:hover { text-decoration: underline; }
.ico16_file { width: 16px; height: 16px; }
.ico16_file.download { background:url("/cm/static/images/ico16_download2.svg") no-repeat; }
.ico16_file.del { background:url("/cm/static/images/ico16_delete.svg") no-repeat; }
.box_filelist_wrap.no_file { display: flex; align-items: center; justify-content:center; padding: 38px 0; }
.box_filelist_wrap.no_file > span { display: flex; align-items: center; font-size: 16px; color: var(--col_gray); line-height: 28px; }
.box_filelist_wrap.no_file > span::before { display: block; content: ""; width: 24px; height: 24px; margin-right: 8px; background:url("/cm/static/images/ico24_No_file.svg") no-repeat;  }
.error.text-danger { display: none; justify-content: center; align-items: center; width: 100%; background-color: var(--col_box_bg); border-radius: 4px; height: 32px; margin-top: 12px; font-size:14px;}
/* .error.text-danger > span {  display: flex; align-items: center; font-size: 14px; color: var(--col_p)} */
.error.text-danger::before { display: inline-block; content:""; width: 16px; height: 16px; background:url("/cm/static/images/ico16_!.svg") no-repeat; margin-right: 4px; }
.tit.text-danger {display:flex;align-items:center;color:var(--col_h)}
.tit.text-danger [class*='ico24_'] {margin-right:8px}

/* 파일 프로그레스 */
.box_file_progress { display: none; position: relative; border: 1px solid var(--col_btn); padding: 24px; border-radius: 8px; margin-top: 40px; }
.box_file_progress.on { display: block; }
.box_file_progress .file_name { display: block; font-weight: 600; line-height: 28px; color: var(--col_blue) }
.box_file_progress .file_byte { display: block; font-size: 14px; line-height: 24px; margin-top: 4px; color: var(--col_p); }
.box_file_progress > .progressbar { position: relative; appearance: none; width: 100%; height: 10px; margin-top: 16px;  background-color: var(--col_bg); border-radius: 5px; overflow:hidden;  }
.box_file_progress > .progressbar::after{ display: block; content:""; position: absolute; top: 0; left: 0; height: 10px; border-radius:5px; background-color: var(--col_blue); animation: progress 3s linear forwards; }
.box_file_progress .progress_num_area { text-align: right; animation: progress 3s linear forwards; }
.box_file_progress .progress_num_area .progress_num {  position: relative;  display:inline-block;  margin-top: 4px; line-height: 24px; font-size: 14px;  }
.box_file_progress .progress_num_area .progress_num::after { display: inline-block; content:"%"; }
.box_file_progress > .close { position: absolute; height:24px;width:24px; background:url("/cm/static/images/ico24_ui_close_gray.svg") no-repeat 0 0; top: 16px; right: 16px; }
@keyframes progress{
    0%{width: 0px}
    100%{width: 100%;}
}
@keyframes progress_per {
    0%{width: 0px}
    100%{width: 100%;}
}
.box_file_progress.type_no_bd {border:none; padding:0 200px;}
.box_file_progress.type_no_bd + .b1_r {text-align:center; margin-top:24px;}

/* 파일 프로그레스 file-upload */
.upload_btn_area{display:flex;justify-content: space-between;align-items:center;padding-bottom:10px}
.fileupload-progress{width:40%;height:10px;overflow:hidden}
.fileupload-progress .progress{position:relative;width:100%;height:10px;background:var(--col_bg);border-radius:5px;}
.fileupload-progress .progress-bar-success{display: block;; position: absolute; top: 0; left: 0; height: 10px; border-radius:5px; background-color: var(--col_blue); animation: progressAnimation 2s linear forwards;}
@keyframes progressAnimation {
    0% {
      width: 0;
    }
  }

/* 세로그래프 */
.graph_box_comm{position:relative;min-width:120px;padding:30px 0 46px}
.graph_box_comm .graph_bar{position:relative;width:32px;height:120px;background-color:#CFD7FF;margin:0 auto}
.graph_box_comm .graph_bar .graph{display:block;width:100%;position:absolute;left:0;bottom:0;background-color:var(--col_blue);animation: progressAnimation_v 1s linear forwards;}
.graph_box_comm .b1_r{display:block;position:absolute;left:50%;bottom:0;width:100%;min-width:120px;margin-left:-60px;white-space: nowrap}
.graph_box_comm .s1_r{display:block;position:absolute;top:-30px;left:50%;min-width:50px;margin-left:-25px}
@keyframes progressAnimation_v {
    0% {
      height: 0;
    }
  }

/* table List */
.no_data {display:block;width:100%;padding:20px 0;color:var(--col_dis);text-align:center}
.box_table_wrap .tbl_line {border-right: 1px solid var(--col_btn) !important}
.box_table_wrap .tbl_none {border-right:none !important}
.tbl_line_wrap td {border-left:1px solid var(--col_btn)}
.tbl_line_wrap td:first-child {border-left:none}

/* bg color 없는 table */
.box_table_wrap.bd_line {border:1px solid var(--col_btn);border-bottom:none}
.box_table_wrap.bd_line .box_table thead th {border-top:none;background:var(--col_white)}
.box_table_wrap.bd_line .box_table th,
.box_table_wrap.bd_line .box_table td {padding:12px}
.box_table_wrap .pd_none{padding:0 !important}

.box_table_wrap .t2_sb,
.tab_cont .box_table_wrap .t2_sb {margin-top:40px;line-height:48px}
.box_table_wrap .box_table_hd .t2_sb {margin-top:0}
.box_table_wrap .box_table_hd.line_bot,
.box_group .box_table_hd.line_bot{padding-bottom:16px;border-bottom:1px solid var(--col_border)}
.box_table_wrap td .point_color {font-size:14px;line-height:24px}
.box_table_wrap td .point_color.b1_r {font-size:16px;}
.box_table_hd {display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.box_table_hd .txt_total {font-weight:600;color:var(--col_blue)}
.box_table_hd.type2 {justify-content:flex-end}
.box_table_hd.sm_gap {margin:0 0 6px}

.section_left, .section_right {display:inline-flex;gap:8px}
.section_left {gap:16px;align-items:center}
.section_right .txt {line-height:40px;}
.box_table_hd.type3 {margin-bottom:12px}
.box_table_wrap .box_table_hd.type3 .t2_sb {line-height:40px}
.box_table_hd.type3 .box_btn_wrap {gap:8px}

.box_table_hd .section_right .btn + .btn {margin:0 0 0 4px !important;}

.box_table {table-layout:fixed}
.box_table th {font-weight:600;background:var(--col_box_bg)!important;border-bottom:1px solid var(--col_btn)}
.box_table th.bg_white {background: var(--col_white) !important;}
.box_table thead th {padding:5px 8px;height:52px;text-align:center;border-top:1px solid var(--col_btn)}
.box_table tbody th, .box_table tbody td {padding:12px 8px 11px;line-height:28px;word-break:break-word;text-align:center;border-bottom:1px solid var(--col_btn)}
.box_table.pd_small tbody th, .box_table.pd_small tbody td {padding-left: 4px; padding-right: 4px;}
.box_table.pd_small2 tbody th, .box_table.pd_small2 tbody td {padding: 10px 12px;}
.box_table.type_pd24 tbody td {padding:12px 24px}
.box_table.small_pd tbody th, .box_table.small_pd tbody td{padding:10px 4px 10px}
.box_table th.bd_b_none, .box_table td.bd_b_none{border-bottom:none}
.box_table th.bd_t_none, .box_table td.bd_t_none{border-top:none}
.box_table tbody th, .box_table tbody td p { line-height: 28px; }
.box_table tbody td .s1_r {line-height:22px}
.box_table tbody .line td {border-bottom-color:var(--col_border)}
.box_table td .box_btn_wrap {justify-content:flex-end;gap:8px}
.box_table td .box_btn_wrap.flex_al_s {justify-content:space-between;}
.box_table td.link {text-align:left}
.box_table td.link .btn_txt, .txt_ellipsis {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.box_table td.link .txt_ellipsis:hover {text-decoration:underline}
.box_table td.bg .btn_txt, .txt_ellipsis {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.box_table td .btn.mw_auto + .btn.mw_auto {margin:0 0 0 4px}
.box_table td .btn.small + .btn.small {margin:4px 0 0}
.box_table td.al_right .btn.small + .btn.small {margin:0}
.box_table td .box_month_area .btn.small + .btn.small {margin:0}
.box_table td .sub_txt {display:block}
.box_table td .box_table_hd {margin-bottom:0}
.box_table .btn_filelist_name {font-size:16px;}
.box_table td.td_bg {background-color:var(--col_bg);}
.box_table tfoot th,
.box_table tfoot td {padding:12px 8px 11px;line-height:28px;font-weight: 600;word-break:keep-all;text-align:center;background:var(--col_box_bg);border-bottom:1px solid var(--col_btn)}
.box_table th .s1_r {line-height:1.3}
.box_table_wrap .box_table.al_center th, .box_table_wrap .box_table.al_center td {text-align:center}

.section_bottom {position:relative}
.box_table_wrap .box_pagination {margin-top:24px}
.section_bottom .btn {position:absolute;right:0;top:0}

/* table Write */
.box_notice_wrap + .box_table_wrap.write {margin-top:40px}
.box_table_wrap.write .box_table {border-top:1px solid var(--col_btn)}
.box_table_wrap.write th, .box_table_wrap.write td {padding:12px 20px;text-align:left}
.box_table_wrap.write td.img_td{height:1px;padding:12px}

tr.notice td {background:var(--col_bg)}
.tbl_label_box{margin-bottom:8px}
.tbl_label_box .tbl_label{margin:0 4px 4px 0}
.tbl_label {display:inline-block;margin-right:8px;height:22px;padding:4px 6px;font-size:12px;border-radius:4px;line-height:14px;color:var(--col_blue);border:1px solid var(--col_blue);background:var(--col_white)}
.tbl_label.fill {font-weight:600;color:var(--col_white);background:var(--col_blue)}
.tbl_label.fill.green{background:var(--col_green);color:var(--col_body);border-color:var(--col_green)}
.tbl_label.fill.gray{background:var(--col_bg);color:var(--col_body); border-color:var(--col_bg)}
.tbl_label.fill.gray2{background:var(--col_p);border-color:var(--col_p)}
.tbl_label.fill.navy{background:var(--col_navy);color:var(--col_white)}
.tbl_label.fill.skyblue {border-color: var(--col_skyblue_light); background: var(--col_skyblue_light); color: var(--col_blue)} /* 20250515 추가 */
.tbl_label.round{height:28px;padding:0 8px;border-radius:14px;font-size:14px;line-height:26px} /* 다른타입이 생길수도 있음 */
.tbl_label.round.type01{border:1px solid var(--col_p);color:var(--col_p)}
.tbl_label.green{border-color:var(--col_green);color:var(--col_green)}
.tbl_label.green2{border-color:var(--col_green2);color:var(--col_green2)}
.tbl_label.black{border-color:var(--col_h);color:var(--col_h)}
.tbl_label.pink2{border-color:var(--col_pink2);color:var(--col_pink2)}
.tbl_label.skyblue{border-color:var(--col_skyblue);color:var(--col_skyblue)}
.tbl_label.blue{border-color:var(--col_blue);color:var(--col_blue)}
.tbl_label.magenta{border-color:var(--col_magenta);color:var(--col_magenta)}
.tbl_label.lightgreen{border-color:var(--col_lightgreen);color:var(--col_lightgreen)}
.tbl_label.gray{border-color:var(--col_gray);color:var(--col_gray)}
.tbl_label.yellow{border-color:var(--col_yellow);color:var(--col_yellow)}
.tbl_label.orange{border-color:var(--col_orange);color:var(--col_orange)}
.tbl_label.fill.orange{border-color:var(--col_orange);background:var(--col_orange); color:var(--col_white);} /* 250828 추가 */
.tbl_label.purple{border-color:var(--col_purple);color:var(--col_purple)}
.tbl_label.navy{border-color:var(--col_navy);color:var(--col_navy)}
.tbl_label.cyan{border-color:var(--col_cyan);color:var(--col_cyan)}
.tbl_label.red{border-color:var(--col_red);color:var(--col_red)}
.tbl_label.brown{border-color:var(--col_brown);color:var(--col_brown)}
.tbl_label.brown2{border-color:var(--col_brown2);color:var(--col_brown2)}
.tbl_label_set{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}
td span + .tbl_label_set{margin-left:16px;}
.tbl_label_set .tbl_label{margin-right:0}
.box_board_text {line-height:28px}
/*[class*='cont_wrap'] .box_btn_wrap[class*='flex_al'] {margin-top:40px}*/

/* table List th,td 세로라인 : l_type02  */
.box_table_wrap.l_type02 thead th,
.box_table_wrap.l_type02 tbody td { border-right: 1px solid var(--col_btn);}
.box_table_wrap.l_type02 thead th:last-child,
.box_table_wrap.l_type02 tbody td:last-child { border-right: none;}
.box_table_wrap.l_type02 thead th:last-child.last_ch,
.box_table_wrap.l_type02 tbody td:last-child.last_ch  { border-right: 1px solid var(--col_btn); }

/* table write th only 세로라인 : type01  */
.box_table_wrap.type01 th[scope="rowgroup"] { border-right: 1px solid var(--col_btn); }
.box_table_wrap.type01 .btn_search_small { min-width: auto; }
.box_table_wrap.type01 .box_textarea textarea { padding-bottom: 0px; padding-top: 12px; min-height: 104px; }

/* table write th only 세로라인 : type03  */
.box_table_wrap.type03 .box_table th, .box_table_wrap.type03 .box_table td {border-right: 1px solid var(--col_btn); text-align:center;}
.box_table_wrap.type03 .box_table th:last-child, .box_table_wrap.type03 .box_table tr td:last-child {border-right:none;}
.box_table_wrap.type03 th[scope="rowgroup"] {text-align:left;}

/* table write th bg none : bg_none  */
.box_group_wrap {margin-top:40px;border:none}
.box_group_wrap .t2_sb {margin-bottom:8px;line-height:48px}
.box_group_wrap .t2_r {position:relative;padding:0 0 16px 32px;font-weight:600}
.box_group_wrap .t2_r:before {content:'';display:block;position:absolute;left:0;top:3px;width:24px;height:24px}
.box_group_wrap .t2_r.id_pw:before {background:url("/cm/static/images/ico24_member_logout_filled.svg")}
.box_group_wrap .t2_r.member:before {background:url("/cm/static/images/ico24_member_login_filled.svg")}
.box_group_wrap .t2_r.notice:before {background:url("/cm/static/images/ico24_ui_alarm_filled.svg")}
.box_group_wrap .t2_r.service:before {background:url("/cm/static/images/ico24_ui_more_filled.svg")}
.box_group_wrap .t2_r.c_info:before {background:url("/cm/static/images/ico24_home_center_filled.svg")}
.box_group_wrap .t2_r.c_info.white:before {background:url("/cm/static/images/ico24_home_center.svg")}
.box_group_wrap .t2_r.c_service:before {background:url("/cm/static/images/ico24_archive_filled.svg")}
.box_group_wrap .t2_r.chart:before {background:url("/cm/static/images/ico24_chart.svg")}
.box_group_wrap .t2_r.user_tag:before {background:url("/cm/static/images/ico24_user_tag.svg")}
.box_group_wrap .t2_r.c_loud:before {background:url("/cm/static/images/ico24_loudspeaker_gray.svg")}
.box_group_wrap .t2_r.thumbs:before {background:url("/cm/static/images/ico24_thumbs.svg")}
.box_table_wrap .tb_bg td, .box_table_wrap.bg_none .tb_bg th {font-weight:600;background:var(--col_box_bg) !important;}
.box_table_wrap th.bg_none {background:none !important;}

.box_table_wrap.bg_none {padding:16px 0;border-bottom:1px solid var(--col_border);border-top:1px solid var(--col_dis);}
.box_table_wrap.bg_none .box_table {border-top:none}
.box_table_wrap.bg_none th, .box_table_wrap.bg_none td {border:none!important;}
.box_table_wrap.bg_none th {padding:8px 10px 8px 0;background:none!important;}
.box_table_wrap.bg_none th.v_top.type2 {position:relative;top:8px}
.box_table_wrap.bg_none td, .box_table_wrap.bg_none th {padding:8px 10px}

.box_table_wrap.bg_none.type2 {padding:8px 0}
.box_table_wrap.bg_none.type2 tr:first-child th, .box_table_wrap.bg_none.type2 tr:first-child td {border-top:none}
.box_table_wrap.bg_none.type2 th, .box_table_wrap.bg_none.type2 td {border-top:1px solid var(--col_border)}
.box_table_wrap.bg_none.type2 th {padding:16px 10px 16px 0}
.box_table_wrap.bg_none.type2 td {padding:16px 10px}

.box_table_wrap.bg_none.type3 {padding:0;border:none}

.box_table_wrap.bg_none.line_type {border-top:1px solid var(--col_btn)}
.box_table_wrap.bg_none.line_type td {padding:12px 10px;border-bottom:1px solid var(--col_btn)}

.box_table_wrap.type_no_title {border-top: 1px solid var(--col_btn);}

.box_table_wrap.bd_round {padding:32px 24px 40px;border:1px solid var(--col_btn);border-radius:8px}
.box_table_wrap.bd_round th, .box_table_wrap.bd_round td {padding:8px 0;background:var(--col_white);border:none;text-align:left}
.box_table_wrap.bd_round td {padding-left:24px}
.box_table_wrap.bd_round .list_chk_area {margin-top:0}
.box_table_wrap.bd_round .box_btn_wrap {padding-top:24px;margin-top:16px;border-top:1px solid var(--col_border)}

.list_chk_area.type_col.type2 .select_button_list button {text-align:center}
.list_chk_area.type_col.type2 .box_chk-group {display:block;min-height:40px;padding:5px 18px}

.list_chk_area.type_gap{display:flex;justify-content:flex-start;align-items:flex-end;width:100%;margin:0;border:none;gap:0 92px}
.list_chk_area.type_gap .col {flex:1}
.list_chk_area.type_gap .col .col_box{position:relative}
.list_chk_area.type_gap .col + .col .col_box::before{content:'';width:60px;height:60px;display:block;background:url("/cm/static/images/ico24_arrow2_right.svg") no-repeat;position:absolute;top:50%;left:-76px;transform:translate(0%, -50%);}
.list_chk_area.type_gap .col .tit {border:1px solid var(--col_btn);text-align:center;font-weight:600;padding:12px 0;color:var(--col_body)}
.list_chk_area.type_gap .col .cont {border:1px solid var(--col_btn);border-top:none}
.list_chk_area.type_gap .col .cont.scroll {overflow:hidden;overflow-y:scroll;height:230px}

/* 테이블 결과값 타입 : r_type01 */
.box_table_wrap.r_type01 { display: flex; justify-content: space-between; gap: 40px; border: 1px solid var(--col_btn); border-radius: 8px; padding: 24px 40px; }
.box_table_wrap.r_type01 tr { border-bottom: 1px solid var(--col_border);}
.box_table_wrap.r_type01 tr th,
.box_table_wrap.r_type01 tr td { text-align: left; padding: 8px 0; }
.box_table_wrap.r_type01 tr th { background: none!important; font-weight: 400; }
.box_table_wrap.r_type01 tr td { font-weight: 600; }
.box_table_wrap.r_type01 tr:last-child,
.box_table_wrap.r_type01 tr th,
.box_table_wrap.r_type01 tr td { border-bottom: none;}
.box_table_wrap.r_type01 .box_table + .box_table {margin:0}

/* 테이블 결과값 타입 : r_type02 */
.box_table_wrap.r_type02 { border: 1px solid var(--col_btn); border-radius: 8px; padding: 8px 40px 24px; }
.box_table_wrap.r_type02 tr th,
.box_table_wrap.r_type02 tr td { text-align: left; padding: 16px 0; }
.box_table_wrap.r_type02 tr th { background: none; font-weight:600; }
.box_table_wrap.r_type02 tr th,
.box_table_wrap.r_type02 tr td { border-bottom: none;}
.box_table_wrap.r_type02 .box_table { border-bottom: 1px solid var(--col_border);}
.box_table_wrap.r_type02 .box_table + .box_list_area {margin-top:16px;}

/* 가로 스크롤 테이블 */
.box_table_wrap.type_x_scroll {overflow:hidden; overflow-x:scroll; }
.box_table_wrap.type_x_scroll table {min-width:100%; }
.box_table_wrap.type_y_scroll {overflow:hidden; overflow-y:scroll; max-height:136px; border-top: 1px solid var(--col_btn); border-bottom: 1px solid var(--col_btn);}
.box_table_wrap.type_y_scroll.write .box_table {border-top: none;}
.box_table_wrap.type_y_scroll .box_table tbody th,
.box_table_wrap.type_y_scroll .box_table tbody td {border-bottom: none;}

.box_table_wrap.type_center .box_table th,
.box_table_wrap.type_center .box_table td {text-align:center;}

/* table th bg type : hd_bg_type  */
.box_table_wrap.hd_bg_type {border-top:1px solid var(--col_btn)}
.box_table_wrap.hd_bg_type .tb_bg th, .box_table_wrap.hd_bg_type td {text-align:left}
.box_table_wrap.hd_bg_type .tb_bg th .s1_r {display:inline-block;margin-left:8px}
.box_table_wrap.hd_bg_type .tb_bg.type2 th {text-align:center}
.box_table_wrap.hd_bg_type .tb_bg.type2 th + th,
.box_table_wrap.hd_bg_type .tb_bg.type2 td + td {border-left:1px solid var(--col_btn)}
.box_table_wrap.hd_bg_type .single_chk_list .box_radio-group {display:block;text-align:center}
.box_table_wrap.hd_bg_type .single_chk_list .box_radio-group input[type='radio'] + label {margin-left:0}
.box_table_wrap.hd_bg_type .tb_bg td {background:var(--col_white)}

/* 박스 내 라인타입 테이블 */
.box_table_wrap.line_none{border:none;padding:8px 0}
.box_table_wrap.line_none th,
.box_table_wrap.line_none td{text-align:left}
.box_table_wrap.line_list{border-top:1px solid var(--col_border);border-bottom:none;padding:0}
.box_table_wrap.line_list th,
.box_table_wrap.line_list td{text-align:left;border-bottom:1px solid var(--col_border);padding:12px 0}
.box_side_wrap .box_table_wrap.line_list{margin:24px 16px 0}

.box_table td .table_in_line {border-top:1px solid var(--col_border); margin-top:12px; padding-top:12px;}

/* 박스 tr 라인 */
.box_table_wrap.tr_border tr + tr {border-top: 1px solid var(--col_border);}

/* table View */
.box_table_view .t1_sb {color:var(--col_body)}
.box_view_hd {display:flex;gap:40px;margin-top:16px;padding-bottom:24px;border-bottom:1px solid var(--col_border)}
.box_view_hd li {display:inline-flex}
.box_view_hd li p {font-size:14px;line-height:24px}
.box_view_hd .data {margin-left:8px;font-weight:600}

.box_view_cont {padding:24px 0 80px;line-height:32px}
.box_view_cont img { vertical-align: top;}
.box_table_view .box_file_view {border-top:1px solid var(--col_btn);border-bottom:1px solid var(--col_btn)}
.box_file_view {display:flex;padding:12px 0 11px}
.box_file_view .tit {margin:6px 24px 0 0;font-size:14px;color:var(--col_gray)}
.box_file_area .item {display:flex;gap:8px;align-items:center;line-height:28px;/*color:var(--col_blue)*/}
.box_file_area .item + .item {margin-top:8px}
.box_file_area .ico24_file {margin:0}
.btn_download {width:18px;height:18px;background:url("/cm/static/images/ico16_download2.svg") center no-repeat;} /* 접근성 수정 */

.box_table_wrap.write .box_file_area .item .btn.small {min-width:68px;padding:0 8px}

.box_page_skip {display:flex;gap:24px;margin-top:40px;justify-content:space-between}
.box_page_skip .cell {display:inline-flex;align-items:center;flex:1;gap:24px;padding:32px 24px;height:100px;border:1px solid var(--col_btn);border-radius:8px;overflow:hidden}

.box_page_skip .ps_tit {position:relative;width:70px;font-size:14px;color:var(--col_gray);line-height:24px}
.box_page_skip .cell.prev .ps_tit {padding-left:28px}
.box_page_skip .cell.next .ps_tit {padding-right:28px;order:2}
.box_page_skip .ps_tit:after {content:'';display:block;position:absolute;top:0;right:0;width:24px;height:24px;background:url("/cm/static/images/ico24_arrow2_right_gray.svg")}
.box_page_skip .cell.prev .ps_tit:after {left:0;transform:scaleX(-1)}

.box_page_skip .ps_detail {flex:1;width:calc(100% - 100px);font-weight:600;color:var(--col_h);font-size:18px;line-height:28px}
.box_page_skip .cell.next .ps_detail {order:1}
.box_page_skip .ps_detail a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}
.box_page_skip .ps_detail a:hover {text-decoration:underline}
.box_page_skip .ps_detail.disabled {color:var(--col_gray);font-weight:400;cursor:default}

.h3_flex_type { display: flex; }

/* step */
.box_step {display:flex;justify-content:space-between;align-items:center;width:calc(100% - 14px)}
.box_step > li {flex:1;display:flex;justify-content:center;align-items:center;height:44px;background:#E3EEFF;position:relative}
.box_step > li:first-child::before{content:none}
.box_step > li::before{content:'';position: absolute;top: -6px;left:-2px;width: 0;height: 0;border-top: 28px solid transparent;border-bottom:28px solid transparent;border-left:15px solid var(--col_white);z-index:0}
.box_step > li::after{content:'';width:14px;height:44px;background:url("/cm/static/images/bg_progress_past.svg") no-repeat right center;position:absolute;right:-12px;z-index:1}
.box_step > li .txt {position:relative;line-height:18px;text-align:center;color:var(--col_body);margin-left:14px}
.box_step > li.is-active {background:var(--col_blue)}
.box_step > li.is-active::after{content:'';width:14px;height:44px;background:url("/cm/static/images/bg_progress_active.svg") no-repeat right center;right:-14px}
.box_step > li.is-active .txt{color:var(--col_white);font-weight:600}
.box_step > li.is-active ~ li{background:var(--col_bg) url("/cm/static/images/bg_progress.svg") no-repeat right center;}
.box_step > li.is-active ~ li::before{left:0}
.box_step > li.is-active ~ li::after{content:'';width:14px;height:44px;background:url("/cm/static/images/bg_progress.svg") no-repeat right center;position:absolute;right:-14px}
.box_step > li.is-active ~ li .txt {color:var(--col_p)}
.box_step > li.is-active .txt:focus {outline-color: var(--col_white); outline-offset: 2px;} /* 접근성 추가 */

/* 진행중이지 않을 때 추가 */
.box_step.no_ing > li {background:var(--col_bg) url("/cm/static/images/bg_progress.svg") no-repeat right center;}
.box_step.no_ing > li::before{left:0}
.box_step.no_ing > li::after{content:'';width:14px;height:44px;background:url("/cm/static/images/bg_progress.svg") no-repeat right center;position:absolute;right:-14px}
.box_step.no_ing > li .txt {color:var(--col_p)}

.box_progress {display:flex;flex-wrap:nowrap;gap:24px;justify-content:space-between;width:100%}
.box_progress > li {display:flex;flex-direction:column;align-items:flex-start;width:100%}
.box_progress > li > div {display:flex;justify-content:flex-start;align-items:center;flex-wrap: nowrap;width:100%;line-height:28px}
.box_progress > li > div:after  {display:block;content:"";border:1px solid var(--col_blue);height:1px;margin-left:16px;flex:1}
.box_progress > li > div span {display:flex;align-items:center;justify-content:center;font-weight:600}
.box_progress > li > div .num {width:24px;height:24px;margin-right:8px;border-radius:50%;background-color:var(--col_blue);border:1px solid var(--col_blue);color:var(--col_white);font-size:12px}
.box_progress > li > div .tit {font-size:16px}
.box_progress > li.is-active ~ li .num {font-weight:400;background-color:var(--col_white);border:1px solid var(--col_button);color:var(--col_body)}
.box_progress > li.is-active ~ li .tit {font-weight:400}
.box_progress > li.is-active > div:after, .box_progress li.is-active ~ li > div:after {border:1px solid var(--col_button)}
.box_progress > li:last-child > div:after {display:none}
.box_progress > li .txt, .box_progress > li .box_list_area {padding:8px 0 0 32px;line-height:28px; word-break: break-all;}

.box_progress.w_type02 {flex-wrap:wrap;justify-content:center;gap:12px}
.box_progress.w_type02 > li {width:calc((100% - 24px)/3)}
.box_progress.w_type02 > li:nth-child(n+4) {margin-top:40px}

.box_progress.type2 {justify-content:center}
.box_progress.type2 > li {width:auto}
.box_progress.type2 > li > div:after {display:none}

.type_bd_progress {border:1px solid var(--col_btn); padding:24px 0; border-radius: 8px; margin-top:24px;}
.type_bd_progress .t3_r {text-align:center; color:var(--col_blue); font-weight:600; margin-bottom:16px;}
.type_bd_progress .box_progress,
.box_tab-contents .type_bd_progress .box_progress {max-width:414px; margin:0 auto;}
.type_bd_progress.type_wide .box_progress,
.box_tab-contents .type_bd_progress.type_wide .box_progress {max-width:100%; margin:0 auto; padding:0 60px;}
.type_bd_progress.bd_none {margin:16px 0 0;padding:16px 0;border:none}
.type_bd_progress.bd_none .box_progress {max-width:680px}

/* round step */
.box_table_hd .box_txt_step {margin:0}
.box_txt_step {display:flex;align-items:center;gap:8px;padding:6px 12px;height:40px;border:1px solid var(--col_btn);border-radius:20px}
.box_txt_step .txt_step {line-height:28px;color:var(--col_gray)}
.box_txt_step .current_step {color:var(--col_blue)}

/* 하단 text + button 박스 */
.box_bot_txt { display: flex; justify-content: space-between;  align-items: center; border: 1px solid var(--col_btn); padding: 24px; border-radius: 8px; margin-top: 40px; }
.ico_txt { display: flex; align-items: center; color: var(--col_p); }
.ico_txt::before { display: block; content: ""; width: 24px; height: 24px; margin-right: 8px; background-repeat: no-repeat;  }
.ico_txt.archive::before { background-image:url("/cm/static/images/ico24_archive.svg"); }
.ico_txt.person::before { background-image:url("/cm/static/images/ico24_jobfind_plus.svg"); }
.ico_txt.light::before { background-image:url("/cm/static/images/ico24_light.svg"); }
.ico_txt.faq::before { background-image:url("/cm/static/images/ico24_faq.svg"); }
.ico_txt.speaker::before { background-image:url("/cm/static/images/ico24_speaker.svg"); }
.ico_txt.memo_edit::before { background-image:url("/cm/static/images/ico24_memo_edit.svg"); }
.ico_txt.sm_type::before {width:16px;height:16px;margin-right:4px;background-repeat: no-repeat;background-size:16px 16px;}
.box_bot_tit {font-weight:600}
.box_bot_desc {margin-left:20px}
.box_bot_txt .checkbox {margin-left:16px}
.box_bot_txt [class*="checkbox"] span {padding-left:32px}

/* 미디어 프린트 */
@media print {
    .lnb,
    header,
    .location,
    #quick_menu,
    .quick_top,
    footer
    { display:none }
    #container{margin-top:0;}
}

/* box_border_type */
.box_border_type {border:1px solid var(--col_btn); border-radius:8px; padding:32px 40px;}
.box_border_type .line_type {margin-top:26px; padding-top:32px; border-top:1px solid var(--col_border);}
.box_border_type .line_type:first-child {margin-top:0; padding-top:0; border-top:none;}
.box_border_type .line_type .agree_r {text-align:right; margin-top:24px;}
.box_border_type.fill {border: none; background: var(--col_box_bg);} /* 20250515 추가 */
.box_border_type.type01 {padding:16px 24px;}
.box_border_type.type01 .line_type {margin-top:16px; padding-top:16px;}
.box_border_type.type01 .line_type:first-child {margin-top:0; padding-top:0;}
.box_border_type.type01 .line_type .tit {margin-bottom:8px;}
.type_pd24 {padding:24px !important;}
.box_border_type.type_pd24 {padding:24px;}
.box_border_type.type_pd24 .line_type + .line_type {margin-top:16px;padding-top:24px}
.box_border_type.type_only_chk {padding:24px 40px;}
.box_border_type.type_only_chk .line_type .agree_r {margin-top:0;}
.box_border_type.flex_s,
.box_border_type .flex_s {display:flex; justify-content: space-between; align-items: center; gap:16px;}
.box_border_type.flex_l,
.box_border_type .flex_l {display:flex; justify-content: flex-start; align-items: center;}
.box_border_type .tit.text-alert {display:flex;align-items:center;color:var(--col_h)}
.box_border_type .tit.text-alert [class*='ico24_'] {margin-right:8px}
.box_border_type.type_result {text-align:center;}
.box_border_type.type_result .result_info {display:inline-block; height:40px; line-height:40px; padding:0 16px; margin-top:16px; border:1px solid var(--col_btn); border-radius:8px;}
.box_border_type.type_result .result_info .box_tooltip {margin-left:4px;}
.box_border_type.type_explain {padding:24px 40px; display:flex; align-items: flex-start; justify-content:flex-start; gap:14px;}
.box_border_type.type_explain + .box_border_type.type_explain {margin-top:8px;}
.box_border_type.type_explain .txt .b1_r {margin-top:8px;}
.box_border_type.under_border{border:none;border-bottom:1px solid var(--col_btn);padding:40px}
.box_border_type.under_border .in_box_wrap{flex:1}
[class^="box_"] + .box_border_type.block_type{margin-top:40px}
.box_border_type.block_type .line_type + .line_type{padding-top:16px}
.box_border_type.type2 {border-color:var(--col_green); display:flex; padding:12px 32px 14px;}
.box_border_type.type2 .type_r {margin-left:auto; align-items:center;}
.box_border_type.type_col_p {border:1px solid var(--col_p)}
.box_border_type .box_group .box_table_hd{margin-bottom:8px}
.in_box_wrap {display:flex; justify-content:flex-start; gap:16px;align-items: center;}
.in_box_wrap.type2{position:relative;justify-content: space-between;gap:0;align-items:start;}
.in_box_wrap.type2 .logo{position:absolute;top:-40px;right:0}
.in_box_wrap .icon.icon_wh48 {width: 48px; height: 48px; align-self: flex-start;}
.in_box_wrap .icon.icon_wh48 > img {display: block; width: 100%;}

/* 총 결제금액 price_total_wrap */
.price_total_wrap {display:flex; justify-content:space-between; padding:24px 32px; border-bottom:1px solid var(--col_btn);}
.price_data_dl {width:250px; display:flex; justify-content:space-between; flex-wrap: wrap; }
.price_data_dl dt {width: 50%;}
.price_data_dl dt,
.price_data_dl dd { line-height: 28px; margin-top: 8px; font-weight: 600; }
.price_data_dl dt:first-child,
.price_data_dl dd:nth-child(2) {margin: 0;}


/* 텍스트 리스트에 라인과 타이틀이 들어간 경우 */
.box_tit_wrap .b1_r{border-bottom:1px solid var(--col_border);padding-bottom:12px}
.box_tit_wrap .box_bdnone_wrap{padding-top:12px}

/* 텍스트 사이 bar 들어간 형태 */
.vline_group dt{font-size:14px;color:var(--col_p);display:inline-block;position:relative}
.vline_group dd{font-size:15px;color:var(--col_body);line-height:28px;padding-left:16px;display:inline-block}
.vline_group dd + dt {margin-left:32px;}
.vline_group dd + dt::before,
.vline_group.type2 .item + .item::before,
.vline_group.line_type dt + dd:before {content:'';width:1px;height:18px;display:inline-block;background-color:var(--col_btn);position:absolute;top:0;left:-16px}
.vline_group.line_type dl {display:flex;align-items:center}
.vline_group.line_type dt + dd {position:relative;margin-left:8px;padding-left:8px}
.vline_group.line_type dt + dd:before {left:0;top:8px;height:12px}

.vline_group.type2 .item {position:relative;font-size:14px}
.vline_group.type2 .item + .item {margin-left:16px;padding-left:16px}
.vline_group.type2 .item + .item::before {left:0}
.vline_group.type2.small .item + .item{padding-left:8px;margin-left:8px}
.vline_group.type2.small .item + .item::before{height:12px;top:50%;transform:translateY(-50%)}
.vline_group.type2 .item.b1_r {font-size:16px}

.vline_group.type2.in_flex .row {display:inline-flex}
.vline_group.type2.in_flex .row ~ .row {margin-left:16px}

.vline_group.type3 dt {font-size:16px;font-weight:600}
.vline_group.type3 dd + dt {margin-left:16px}
.vline_group.type3 dd {padding-left:4px}
.vline_group.type3 dd + dt::before {display:none}

.vline_group.flex_al.col3 dl {width:calc(100% / 3)}

.vline_wrap .vline_group {display:flex;gap:8px}
.vline_wrap .vline_group + .vline_group {margin-top:4px}
.vline_wrap .cell {display:flex;flex:1;align-items:center}
.vline_wrap .vline_group.type2 .item + .item {margin-left:8px;padding-left:8px}
.vline_wrap .vline_group.type2 .item + .item::before {top:2px;height:16px}
.vline_wrap .vline_group .item.s1_sb {min-width:80px}

/* 일정 크기로 나누어지는 박스 형태 */
.box_side_wrap{margin-top:40px;}
.box_table_hd + .box_side_wrap,
.box_table_hd + .box_side_wrap.type02{margin-top:16px}
.box_side_wrap .side_inner{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.box_side_wrap .t2_sb,
.box_side_wrap .t3_sb{padding-bottom:16px}
.box_side_wrap.type02{margin-top:24px}
.box_side_wrap.type02 .side_inner{gap:24px}
.box_side_wrap .box_line{border:1px solid var(--col_btn);border-radius:8px;padding:32px 24px}
.box_side_wrap.type02 .box_line{height:100%;}
.box_side_wrap .t3_sb + .box_line{height:calc(100% - 44px);}
.box_side_wrap.tbl_type .box_line{padding:0;border:none;display:flex;flex-direction:column;justify-content:space-between}
.box_side_wrap.tbl_type .side_inner{gap:48px}
.box_side_wrap.tbl_type .box_form_side + .box_form_side{position:relative}
.box_side_wrap.tbl_type .box_form_side + .box_form_side::before{content:'';width:1px;height:100%;background-color:var(--col_btn);display:inline-block;position:absolute;left:-24px}
.box_side_wrap.tbl_type .box_table_wrap.bg_none th{vertical-align:top}
.box_side_wrap .gap16 {gap: 16px !important;} /* 20250515 추가 */

.form_table_wrap{border:1px solid var(--col_btn);border-radius:8px;background-color:var(--col_box_bg);padding:24px;margin-top:24px}

.box_side_wrap .side_inner.type02 {gap:24px;grid-template-columns:1fr 1fr 1fr 1fr;}
.box_side_wrap .side_inner.type02 .box_line {height:100%}
.box_side_wrap .b1_sb + .box_list_area{margin-top:12px}
.box_side_wrap .box_list_area .txt_list + .txt_list {margin-top:12px}

.box_side_wrap.type_pd24 .box_line {padding:24px}
.box_side_wrap.type_pd16 .box_line {padding:16px}

/* 카드형태 리스트 테이블 */
.box_table_wrap.card_type ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px}
.box_table_wrap.card_type ul li{border:1px solid var(--col_btn);border-radius:8px}
.box_table_wrap.card_type .img_box{height:200px;width:100%} /*이미지 사이즈 고정*/
.box_table_wrap.card_type .img_box img{object-fit:cover;width:100%;height:100%}
.box_table_wrap.card_type .txt_area{padding:16px 16px 24px;display: flex;flex-direction: column;justify-content: space-between;height: calc(100% - 200px);}
.box_table_wrap.card_type .txt_area .title{margin-bottom:12px;width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.box_table_wrap.card_type .txt_area .title.line2{-webkit-line-clamp:2;}
.box_table_wrap.card_type .txt_area .tbl_label_set + .date{margin-top:4px}
.box_table_wrap.card_type .flex_al_s{display:flex;justify-content:space-between;align-items:center}
.box_table_wrap.card_type + .box_table_wrap.card_type{margin-top:40px}

/* 스케쥴 달력 */
.box_table_hd .box_btn_hd + .sel.round{margin-left:8px}
.box_table_hd .box_btn_hd button.on{border-color:var(--col_blue)}
.btn_ico.ico_list:before {background-image:url("/cm/static/images/ico24_list.svg")}
.btn_ico.ico_calnedar:before {background-image:url("/cm/static/images/ico24_calendar.svg")}

.box_calendar_table{border-top:1px solid var(--col_btn)}
.full_pop > .cont .box_calendar_table{border-top:none}
.box_calendar_table .select_month{display:flex;align-items:center;justify-content:center;padding:12px 0;gap:0 16px}
.box_calendar_table .select_month .btn_arrow:after{background-image:url("/cm/static/images/ico16_arrow_right.svg");}
.box_calendar_table .select_month .month{margin:0;padding:0}
.box_calendar_table .ab_right{position:absolute;right:0}
.box_calendar_table .select_line{border-top:1px solid var(--col_btn);padding:12px 0;display:flex;align-items:center}
.box_calendar_table .select_line.flex_al_s{justify-content:space-between}
.box_calendar_table.normal .select_month{border-left:1px solid var(--col_btn);border-right:1px solid var(--col_btn)}
.calendar_table th{border:1px solid var(--col_btn);border-bottom:none;text-align:center;font-size:16px;line-height:28px;padding:8px 0}
.normal .calendar_table th{padding:12px 0}
.calendar_table .sun{color:var(--col_red)}
.calendar_table .sat{color:var(--col_blue)}
.calendar_table td{border:1px solid var(--col_btn);vertical-align:top}
.calendar_table td .td_box{min-height:160px;padding:8px 14px;font-size:16px;font-weight:600;line-height:28px;display:block}
.calendar_table td .saturday {color:var(--col_blue)}
.calendar_table td .sunday {color:var(--col_red)}
.normal .calendar_table .td_box{width:100%;min-height:initial;text-align:center;padding:12px 16px}
.calendar_table td .td_box.schedule{background-color:var(--col_bg)}
.calendar_table td .td_box.select_none{background-color:var(--col_bg);color:var(--col_p)}
.calendar_table td .td_box.select_on{background-color:#e4eff2}
.calendar_table td .prev,
.calendar_table td .next{color:var(--col_p);font-weight:400}
.calendar_table .schedule_wrap > * + * {margin-top:8px}

/* 테이블 폰트사이즈 공통 수정(결과값 테이블 제외) */
.box_table_wrap.write th {word-break:keep-all}
.box_table_wrap:not(.r_type01,.r_type02) .box_table th,
.box_table_wrap:not(.r_type01,.r_type02) .box_table td {font-size:15px;/*word-break:keep-all*/}
.box_table_wrap .box_table {font-size:15px;}
.box_table_wrap .box_table th input,.box_table_wrap .box_table td input,
.box_table_wrap .box_table th select,.box_table_wrap .box_table td select,
.box_table_wrap .box_table th label,.box_table_wrap .box_table td label,
.box_table_wrap .box_table td textarea,
.box_table_wrap .box_table .b1_sb,.box_table_wrap .box_table .b1_r {font-size:15px}
.box_table_wrap .box_table [class^='btn'].big {font-size:15px}
.box_table_wrap .box_table [class^='btn'].large {font-size:15px}
.box_table_wrap .box_table [class^='btn'].medium {font-size:15px}

/* loading */
.loading_area { margin-top: 24px; }
.spinner { animation: rotator 1.4s linear infinite; }
@keyframes rotator {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}
.path { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; }
@keyframes colors {
    0% { stroke: var(--col_blue); }
    25% { stroke: var(--col_skyblue); }
    50% { stroke: var(--col_skyblue_light); }
    75% { stroke: var(--col_skyblue); }
  100% { stroke: var(--col_blue); }
}
@keyframes dash {
 0% { stroke-dashoffset: 187; }
 50% {
   stroke-dashoffset: 46.75;
   transform:rotate(135deg);
 }
 100% {
   stroke-dashoffset: 187;
   transform:rotate(450deg);
 }
}

/* datepicker */
.ui-widget.ui-widget-content{border-color:var(--col_btn);}
.ui-widget-header{background:var(--col_white);border:0;}
.ui-datepicker .ui-datepicker-title{font-weight:bold}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{border-radius:50%;background-color:var(--col_white);border:1px solid var(--col_button);color:var(--col_body)}
.ui-datepicker .ui-datepicker-prev-hover{top:2px;left:2px}
.ui-datepicker .ui-datepicker-next-hover{top:2px;right:2px}
.ui-datepicker-prev:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background: url("/cm/static/images/ico16_arrow_right.svg");
    transform: rotate(180deg);
}
.ui-datepicker-next:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    background: url("/cm/static/images/ico16_arrow_right.svg");
}
.ui-widget-header .ui-icon {width:32px;height:32px;border-radius:50%}
.ui-datepicker-prev,
.ui-datepicker-next {
    display: block;
    background: none;
    border: none;
    text-indent: 0;
    overflow: visible;
    padding: 0;
}
.ui-datepicker th{font-weight: normal}
.ui-datepicker-week-end span[title=Sunday]{color:var(--col_red)}
.ui-datepicker-week-end span[title=Saturday]{color: var(--col_blue)}
.ui-datepicker td span, .ui-datepicker td a{text-align:center}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background:transparent;border-color:var(--col_button);color:var(--col_body)}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background-color:var(--col_bg);border-color:var(--col_blue);color:var(--col_blue)}

/* 검색결과 플로팅 */
.floating_search_result {position: relative; width: 100%; background-color: var(--col_white);}
.floating_search_result.active {position: fixed; bottom: 0; z-index: 100; width: 1248px;}
#contents .lnb ~ .cont_wrap .floating_search_result.active {width: 960px;}
.floating_search_result .box_border_type {padding: 0 40px;}
.floating_search_result .inner_wrap {display: flex; align-items: center; justify-content: space-between; height: 128px; margin: 0 auto;}
.floating_search_result h3 .b1_sb {display: block;}
.floating_search_result h3 .hit strong {color: var(--col_blue);}
.floating_search_result .floating_result_section {box-sizing: border-box; overflow-y: auto; width: 77%; height: 88px; padding: 10px; margin-right: 8px; border: 1px solid var(--col_btn);}
.floating_search_result .floating_result_section .keyword {display: inline-block; margin: 0 8px 8px;}
.floating_search_result .box_btn_wrap {gap: 8px; flex-direction: column; height: 88px;}
.floating_search_result .box_btn_wrap[class*='flex_al'] {margin-top: 0;}
.floating_search_result .box_btn_wrap button {box-sizing: border-box; min-width: 108px; padding: 0 10px;}

/* 추천조건 설정 */
.box_btn_wrap.title_area {display:flex;position:relative}
.box_btn_wrap.title_area .cell{display:flex}
.box_btn_wrap.title_area .txt02 {margin-left: 8px; padding-left: 28px; color: var(--col_p); font-size: 14px; font-weight: 600; background:url("/cm/static/images/ico24_ui_filter.png") no-repeat 0 50%;}
.box_btn_wrap .btn_set_filter {min-width: 48px; height: 36px; margin-left: 8px; border: 1px solid var(--col_button); border-radius: 40px; font-size: 14px;color:var(--col_blue);background-color: var(--col_white);}
.box_btn_wrap .layer_set_filter {box-sizing: border-box; position: absolute; top:60px; right: 0; width: 397px; padding: 24px; border: 1px solid var(--col_btn); border-radius: 8px; background-color: var(--col_white);z-index:2}
.box_btn_wrap .layer_set_filter .t3_sb {margin-bottom: 16px;}
.box_btn_wrap .layer_set_filter .box_table_group {margin-bottom: 16px;}
.box_btn_wrap .layer_set_filter .btn_save {width: 100%;}
.box_btn_wrap .layer_set_filter .box_table_group select {-webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 100%; padding-right: 30px; background:url("/cm/static/images/ico10_select.svg") no-repeat right 10px top 50%;}
.box_btn_wrap .layer_set_filter .btn_close {position: absolute; top: 15px; right: 15px; width: 24px; height: 24px; background:url("/cm/static/images/ico24_ui_close_black.svg") no-repeat 0 0;}

.border_gray_round { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; background-color: var(--col_bg);}
.le_bor {padding-right: 8px; margin-right: 8px; border-right: 1px solid var(--col_button);}
.w_70 {width: 70px!important;}


/* 테이블 list로 */
.box_list {display: flex; flex-direction: column;}
.box_list .box_list_row .wrap {display: flex; }
.box_list .box_list_row.colum_header .wrap {display: flex; align-items: center; text-align: center; font-weight: 600; background: var(--col_box_bg); padding: 5px 8px; height: 52px;}
.box_list .box_list_row.colum_header .wrap > div {text-align: center; font-weight: 600; flex-direction: row; align-items: center;}
.box_list .box_list_row .wrap > div {padding: 12px 8px 11px; line-height: 28px; word-break: break-word; text-align: center; font-size: 15px; display: flex; flex-direction: column; justify-content: center;}
.box_list .box_list_group .box_list_row {border-bottom: 1px solid var(--col_btn);}
.box_list .box_list_group .box_list_row.colum_header {border-top: 1px solid var(--col_btn);}
.box_list .box_list_group .ipt_txt_error {padding: 0 8px 11px;}

img {max-width: 100%;}
.cursor_p {cursor: pointer;}

.vline_group.type2.flex_box .item+.item::before {top: 50%; transform: translateY(-50%);}

.form_box.box_sel-group.form_first_auto .box_table_group:first-child {flex: unset;}

/* common */
.pIcon1, .pIcon2, .pIcon3 { font-size: 13px; color: var(--col_white); border-radius: 6px; width: 22px; display: inline-block; height: 22px; text-align: center; margin-right: 6px; line-height: 22px;}
.time_desc {margin-right: 20px;}
.pIcon1 {background: #5b648a;}
.pIcon2 {background: #258384;}
.pIcon3 {background: #987a27;}
.bor_top_pd { border-top: 1px solid var(--col_button); padding-top: 16px; margin-top: 16px;}
.list_p {color: var(--col_p);}
.border_clr_333 {border-color: var(--col_body)!important;}
.btmt {border-top: 1px solid var(--col_body); margin-top: 24px;}
.posi_rela {position: relative!important;}
.item.posi_rela .box_radio-group {position: absolute; right: 213px; top: 50%; transform: translateY(-50%);}
.de_border {border: 1px solid var(--col_button);}

.box_border_type * {font-family:'Pretendard'!important;}

.chara_poster_swiper_wrap [class*="swiper-button-"] {width: 40px; height: 40px; border: 0;}
.chara_poster_swiper_wrap .pagination_container {display: flex; justify-content: center; align-items: center;}
.chara_poster_swiper_wrap .swiper-pagination {position: static; width: auto;}
.chara_poster_swiper {position: relative;}
.chara_poster_swiper .swiper-slide img {max-width: 470px;}
.chara_poster_swiper_wrap .swiper-button-prev {left: 56px;}
.chara_poster_swiper_wrap .swiper-button-next {right: 56px;}

.join_container .box_form_login {position: relative;}
.chara_btn {display: block ; width: 104px; height: 104px; background-image: url("/cm/static/images/main_chara.svg"); background-size: cover; position: absolute; left: calc(100% + 42px); bottom: 0;}
.main_chara01 {display: block ; width: 65px; height: 63px; background-image: url("/cm/static/images/main_chara01.svg"); background-size: cover;}

input.error_chk_fun[type="checkbox"] {position: relative;}
input.error_chk_fun[type="checkbox"]::after {content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid var(--col_red); border-radius: 2px;}
input.error_chk_fun[type="checkbox"]:checked:after {content: none;}

.all_po_sticky > *:not(.sticky_none) {position: sticky; left: 0;}
[class*="poSticky"] {position: sticky;left: 0;z-index: 10;background-color: var(--col_white);}
.poSticky225 {left: 225px;}
.poSticky289 {left: 289px;}
.poSticky122 {left: 122px;}
.poSticky41 {left: 41px;}
.poSticky173 {left: 173px;}
.poSticky284 {left: 284px;}

.certification_btn_group.certification_login.type3.row2 .cert_list {border: 1px solid var(--col_button); border-radius: 8px; padding: 16px 20px; align-items: center;}
.certification_btn_group.certification_login.type3.row2 .cert_list:hover dt > .btn {background-color: var(--col_blue); color: var(--col_white); transition: 0.2s; border-color: var(--col_blue);}
.certification_btn_group.certification_login.type3.row2 .cert_list dt {min-width: 264px; height: auto;}
.certification_btn_group.certification_login.type3.row2 .cert_list dt > .btn {height: 60px; padding: 0 16px;}
.certification_btn_group.certification_login.type3.row2 .cert_list dd {height: auto; border: 0; width: auto; flex-grow: 1;}
.certification_btn_group.certification_login.type3.row2 .cert_info {padding: 0 10px 0 6px;}

.radio_mr_0 tr.single_chk_list span {margin-right: 0;}

/* 간편인증 수정 */
#oacxEmbededContents > div > div > div.selectLayout > div > div > ul > li > label > span > p {
    font-size: 1.1em;
}


.box_line a {
    position: relative;
  }
  .box_line a:focus-visible {
    outline: none;
  }

  .box_line a:focus-visible::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid var(--col_h);
    border-radius: 4px;
  }
.detail_card_list_inf {overflow: hidden; width: 57%; white-space: nowrap; text-overflow: ellipsis; }
.detail_card_list_head { height: 90px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; width: 57%; text-overflow: ellipsis;}
.at_header_name_area{ max-width: 108px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}
.evt_rply_wrtr_nm { height: 65px; width: 119px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

.type01_bnt_link {
    border: 1px solid var(--col_blue);
    color: var(--col_blue);
    font-weight: 600;
    margin-top: 8px;
    width: 100%;
}

.headerliSpaceCtrl {
    margin-left : 4px !important;
}


.ai_peronwrap {margin:0 auto;box-sizing: border-box; overflow: hidden; position: relative;}
.ai_peronwrap .sort_txt{display:block;margin-top:17px;text-align:right}
.ai_peronwrap .recommand_list_wrap{display:flex;flex-wrap: wrap;justify-content: flex-start;gap: 24px;margin-top:17px;padding-bottom:26px;}
.ai_peronwrap .recommand_list{position:relative;width:250px;padding:16px 24px 16px 24px;border:1px solid var(--col_button);border-radius:8px;box-sizing: border-box;background-color: white}
.ai_peronwrap .recommand_list .a_block{display:block;}
.ai_peronwrap .recommand_list .logo{display:flex;justify-content:center;align-items:center;width:246px;height:80px;}
.ai_peronwrap .recommand_list .logo img{width:100%;}
.ai_peronwrap .recommand_list .logo > .logo_txt {font-size: 20px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ai_peronwrap .recommand_list .label_box{margin-top:10px; height: 20px;}
.ai_peronwrap .recommand_list .label_box .label{display:inline-block;height:26px;margin-right:4px;border-radius:4px;padding:0 6px;line-height:26px;color:var(--col_white);font-size:13px}
.ai_peronwrap .recommand_list .label_box .label.col_blue{background-color: var(--col_blue);}
.ai_peronwrap .recommand_list .label_box .label.col_cyan{background-color: var(--col_cyan);}
.ai_peronwrap .recommand_list .label_box .label.col_p{background-color: var(--col_p);}
.ai_peronwrap .recommand_list .label_box .label.col_green{background-color: var(--col_green);color:var(--col_body)}
.ai_peronwrap .recommand_list .label_box .label.col_orange{background-color: var(--col_orange);}
.ai_peronwrap .recommand_list .label_box .label.col_navy{background-color: var(--col_navy);}
.ai_peronwrap .recommand_list .tit{margin-top:10px;color:var(--col_h);font-size:18px;font-weight: bold;  height: 40px;text-overflow: ellipsis;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ai_peronwrap .recommand_list .recruit_info{display:block;height:56px;margin-top:8px;color:var(--col_body);font-size:16px;line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ai_peronwrap .recommand_list .info_list{margin-top:8px;}
.ai_peronwrap .recommand_list .info_list li{display: flex; justify-content: space-between;position:relative;padding-left:10px;color: var(--col_body);line-height:28px}
.ai_peronwrap .recommand_list .info_list li::before{position:absolute;left:-12px;content:'ㆍ';display:inline-block;font-size:32px;}
.ai_peronwrap .recommand_list .obj_key {width:35%;box-sizing: border-box;}
.ai_peronwrap .recommand_list .obj_value {overflow: hidden;width:65%;white-space: nowrap; text-overflow: ellipsis;color:var(--col_white)}
.ai_peronwrap .recommand_list .obj_value img{height:28px}
.ai_peronwrap .recommand_list .info{position:absolute;bottom:0;left:0;display:block;width:100%;height:58px;border-top:1px solid var(--col_button);color:var(--col_p);font-size:16px;line-height:58px;text-align:center}
.ai_peronwrap .recommand_list .info.nodata{color: var(--col_gray);}
.ai_peronwrap .recommand_list .info.salary span{padding-left:24px;background: url("/cm/static/images/ico_stats.svg") no-repeat 0 50%;}
.ai_peronwrap .recommand_list .info.calendar span{padding-left:24px;background: url("/cm/static/images/ico24_calendar.svg") no-repeat 0 50%;}
.ai_peronwrap .box_btn_wrap.main_person{margin:0 auto;}
.ai_peronwrap .box_btn_wrap.main_person button{min-width:89px;}

.ai_peronwrap .swiper-button-prev {left: 130px;}
.ai_peronwrap .swiper-button-next {right: 130px;}

.ai_peronwrap .swiper-button-prev, .ai_peronwrap .swiper-button-next {
    width: 40px;
    height: 40px;
    border: 0;
}

.ai_peronwrap .swiper-button-prev {
    left: 140px;
    background: url("/cm/static/images/ico40_arrow_circle_left_black.svg") no-repeat 0 0
}

.ai_peronwrap .swiper-button-next {
    /* right: 145px; */
    background: url("/cm/static/images/ico40_arrow_circle_right_black.svg") no-repeat 0 0
}

.ai_peronwrap .control_banner {
    position: absolute;
    top: 100px;
    left: 41%;
    width: 600px;
    transform: translateX(-41%);
}

































/*
    - [고도화] common 신규 CSS
*/

/* 공통 */
*:not(section):focus { outline: 2px dashed var(--col_dis); z-index: 300; }
input:focus { outline: 2px dashed var(--col_dis); z-index:0;}
.topsearch_wrap #topQuery:focus {z-index: 0; }
/* dimmed */
.dimmed { width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.16); z-index: 99; display: none; }
.dimmed.active { display: block;}

/* 개인 헤더 */
/* 241120 배경색 변경*/
#header_top {position:relative;z-index:2; width:100%; ; background-color:#EDF1F5;}
#header_top .header_top_area { overflow: hidden; width: 100%; background-color:var(--col_blue);} /* 20250602 수정 */
#header_top .header_top_area ul.header_type { display:flex;align-items:center; width:1248px;height:40px;margin:0 auto;}

/* 기업 헤더 */
#wrap.company #header_top { background-color: #EDF1F5;}
#wrap.company #header_top .header_top_area { background-color: var(--col_green);} /* 20250602 수정 */


/* 헤더 유틸리티 */
#container { margin-top: 190px; scroll-margin-top: 206px;} /* 수정 */
#header_top .header_lt { display: flex; justify-content: space-between; align-items: center; width: 1248px; margin: 0 auto}
#header_top .get_top { display: flex; align-items: center; height: 36px;}
/* 241120 아이콘 변경*/
#header_top .get_top .icon { display: block; width: 28px; height: 20px; margin-right: 8px; background:url(/cm/static/images/main_241120/header_flag2.png) no-repeat;}
#header_top .get_top .text { font-size: 15px; color: #1d1d1d;}
#header_top .header_info { display:flex;align-items:center; }
#header_top .header_info li { display: flex; align-items: center; position: relative;}
#header_top .header_info li + li { margin-left:16px}
#header_top .header_info li.bul_li { margin-left:10px}
#header_top .header_info li.bul_li::before { display:inline-block;content:"";width:4px;height:4px;border-radius:2px;margin-right:10px;background-color:var(--col_body);vertical-align:middle}
#header_top .header_info li,
#header_top .header_info li a { color:var(--col_body);font-size:14px;line-height:24px}
#header_top .header_info li .btn_num { display:inline-block;width:20px;height:20px;box-sizing:border-box;border:1px solid var(--col_body);background-repeat:no-repeat;background-position:50%;font-size:0; background-color: transparent; background-size: 16px;}
#header_top .header_info li .btn_num.plus { background-image:url("/cm/static/images/ico16_plus_dark.svg")}
#header_top .header_info li .btn_num.minus { background-image:url("/cm/static/images/ico16_minus_dark.svg")}
#header_top .header_info li.line::after { content: ''; display: block; position: absolute; left: -8px; top: 50%; width: 1px; height: 12px; margin-top: -6px; background-color: var(--col_border);}
#header_top .header_info li.after .icons { width: 16px; height: 16px; margin-right: 8px; background:url(/cm/static/images/main_new/ico16_time.png) no-repeat;}
#header_top .header_info li.after .btn_round { margin-left: 8px; color: var(--col_body) !important;}
#header_top .header_info li.after .at_header_name_area { margin-left: 16px;}

/* 헤더 사이트맵 정보 */
#header_menutree { background-color: var(--col_white); position:relative; z-index:2; width:100%;}
#header_menutree .header_lt { display: flex; justify-content: end; align-items: center; width: 1248px; margin: 0 auto; padding: 8px 0px 8px 0px;}
#header_menutree .header_info { display:flex;align-items:center; }
#header_menutree .header_info li { display: flex; align-items: center; position: relative;}
#header_menutree .header_info li + li { margin-left:16px}
#header_menutree .header_info li.bul_li { margin-left:10px}
#header_menutree .header_info li.bul_li::before { display:inline-block;content:"";width:4px;height:4px;border-radius:2px;margin-right:10px;background-color:var(--col_body);vertical-align:middle}
#header_menutree .header_info li,
#header_menutree .header_info li a { color:var(--col_body);font-size:14px;line-height:24px}
#header_menutree .header_info li .btn_num { display:inline-block;width:20px;height:20px;box-sizing:border-box;border:1px solid var(--col_body);background-repeat:no-repeat;background-position:50%;font-size:0; background-color: transparent; background-size: 16px;}
#header_menutree .header_info li .btn_num.plus { background-image:url("/cm/static/images/ico16_plus_dark.svg")}
#header_menutree .header_info li .btn_num.minus { background-image:url("/cm/static/images/ico16_minus_dark.svg")}
#header_menutree .header_info li.line::after { content: ''; display: block; position: absolute; left: -8px; top: 50%; width: 1px; height: 12px; margin-top: -6px; background-color: var(--col_border);}
#header_menutree .header_info li.after .icons { width: 16px; height: 16px; margin-right: 8px; background:url(/cm/static/images/main_new/ico16_time.png) no-repeat;}
#header_menutree .header_info li.after .btn_round { margin-left: 8px; color: var(--col_body) !important;}
#header_menutree .header_info li.after .at_header_name_area { margin-left: 16px;}

/* 헤더 bottom GNB */ /* 개인,기업 color값 변경(20250602) */
#header_bottom { width:100%;min-height:76px;background-color:var(--col_white);z-index:1;border-bottom:1px solid var(--col_border);}
#header_bottom .header_bottom_area { position:relative;display:flex; align-items:start;width:1248px;margin:0 auto}
#header_bottom .header_bottom_area h1 {display:flex;}
.go24_ci{ display:flex;width: 136px; height: 48px; margin-top: 15px; background: url(/cm/static/images/main_new/h1_ci.png) no-repeat;}
.wknet_ci { display:flex;width: 115px; height: 48px; margin-top: 15px; background: url(/cm/static/images/ci/BI_worknet.png) no-repeat;}
.callabo_ci { display:flex;width: 16px; height: 16px; margin: 30px 5px 0px 5px; background: url(/cm/static/images/ci/ico16_callabo.png) no-repeat;}
.hrnet_ci { display:flex;width: 100px; height: 48px; margin-top: 15px; background: url(/cm/static/images/ci/BI_hrdnet.png) no-repeat !important;}

#gnb { display:flex; flex: 1; justify-content: center; margin-top: 0; scroll-margin-top: 206px;} /* 수정 */
#gnb > ul { display:flex;justify-content:flex-start; width: initial;}
#gnb > ul > li { width: inherit; line-height:28px;font-weight:600;}
#gnb > ul > li ul {display:none;position:relative;z-index:1; height: calc(100% - 76px); margin: 0; padding: 21px 0px 25px 42px;}
#gnb > ul > li ul li {  text-align:left;width:100%;line-height:28px;font-size:16px;color:var(--col_p);}
#gnb > ul > li ul li a { display: block; position: relative; padding: 6px 0; line-height: 22px;}
#gnb > ul > li ul li a span { padding-bottom: 3px; background-image: linear-gradient(transparent 90%, var(--col_blue) 10%); background-repeat: no-repeat; background-size: 0% 100%; transition: background-size 0.2s;}
#gnb > ul > li ul li a:hover,
#gnb > ul > li ul li a:focus { color:var(--col_blue)}
#gnb > ul > li >a { display: flex; align-items: center; height: 76px; padding: 0 44px; font-size: 20px; font-weight: 600;}
#gnb > ul > li >a span { display: flex; align-items: center; position: relative; height: 100%;}
#gnb > ul > li >a span::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background-color: var(--col_blue); transition: width ease-out .2s;}
#gnb > ul > li >a.active span,
#gnb > ul > li >a:hover span { color: var(--col_blue);}
#gnb > ul > li >a:hover span::after { width: 100%;}
#gnb > ul > li ul li a.active span,
#gnb > ul > li ul li a:hover span { font-weight: 600; color: var(--col_blue); background-size: 100% 100%;}

.company #gnb > ul > li >a.active span,
.company #gnb > ul > li >a:hover span { color: var(--col_green);}
.company #gnb > ul > li >a span::after { background-color: var(--col_green);}
.company #gnb > ul > li >a:hover span::after { width: 100%;}
.company #gnb > ul > li >a::after { background-color: var(--col_green);}
.company #gnb > ul > li ul li a span { background-image: linear-gradient(transparent 90%, var(--col_green) 10%);}
.company #gnb > ul > li ul li a:hover span,
.company #gnb > ul > li ul li a.active span { color: var(--col_green);}

#header_bottom ul.header_util { display:flex;height:32px;margin-top:22px}
/*#header_bottom ul.header_util .header_search a { display:inline-block;width:32px;height:32px;background:url("/cm/static/images/ico32_search.svg") no-repeat}*/
#header_bottom ul.header_util .header_search a span.on{background:url("/cm/static/images/ico32_close02.svg") no-repeat}
#header_bottom ul.header_util .header_category a { display:inline-block;height:32px; white-space: nowrap;}
#header_bottom ul.header_util .header_category a span.ico08 { background:url("/cm/static/images/main_new/ico32_category.svg") no-repeat; width:32px; height:32px; vertical-align:middle;}
#header_bottom ul.header_util .header_category a span.ico08 + span { font-size:18px; font-weight:600; vertical-align:middle;}

#header_bottom.extend { height:auto;position:absolute; border-bottom:1px solid var(--col_border)}
#header_bottom.extend::after { content: ''; display: block; position: absolute; left: 0; top: 76px; width: 100%; height: 1px; background-color: var(--col_border);}
#header_bottom.extend #gnb { padding-bottom: 0;}
#header_bottom.extend #gnb ul li ul {display:block}

/* 통합검색 */
.form_search_wrap .layer_search {position:absolute;left:0;top:58px;z-index:2;border-radius:16px;border:1px solid var(--col_gray);background-color:var(--col_white)}
.form_search_wrap .layer_cate_search { /*overflow: hidden;*/ left: 9px;  padding:4px 4px 4px 0; border-color: var(--col_button);}
.form_search_wrap .layer_auto_search {display:flex;left:118px;width:496px;}

.form_search_wrap .layer_cate_search ul { overflow-x: hidden; overflow-y: auto; /*width:150px;*/ height: 188px;}
.form_search_wrap .layer_cate_search a {display:block; margin-right: -8px; padding: 4px 16px; line-height: 28px;}
.form_search_wrap .layer_cate_search a.active,
.form_search_wrap .layer_cate_search a:hover  {font-weight:600; text-decoration: underline; background-color: var(--col_bg);}
.form_search_wrap .layer_cate_search a.active span,
.form_search_wrap .layer_cate_search a.hover span { font-weight:600; text-decoration: underline; background-color: var(--col_bg);}

.form_search_wrap .layer_cate_search button {display:block; margin-right: -8px; padding: 4px 16px; line-height: 28px;}
.form_search_wrap .layer_cate_search button.active,
.form_search_wrap .layer_cate_search button:hover  {font-weight:600; text-decoration: underline; background-color: var(--col_bg); text-align: left; width: 100%;}
.form_search_wrap .layer_cate_search button.active span,
.form_search_wrap .layer_cate_search button.hover span { font-weight:600; text-decoration: underline; background-color: var(--col_bg);}

.form_search_wrap .layer_cate_search ul::-webkit-scrollbar { margin-right: 5px; width: 4px;}
.form_search_wrap .layer_cate_search ul::-webkit-scrollbar-thumb { background: var(--col_button); border-radius: 4px;}
.form_search_wrap .layer_cate_search ul::-webkit-scrollbar-track { background-color: var(--col_white);}

.form_search_wrap .layer_search ul li {line-height:28px;}

.form_search_wrap .layer_auto_search > ul { flex-grow:1;padding:16px;}
.form_search_wrap .layer_auto_search > div {flex-grow:1;padding:16px;}
.form_search_wrap .layer_auto_search > .keyword + .service {border-left:1px solid var(--col_btn)}
.form_search_wrap .layer_auto_search > ul > li {line-height:28px;}
.form_search_wrap .layer_auto_search > ul > li + li {margin-top:4px;}

/* 푸터 */
#footer { background-color: transparent;}
#footer .area { position: relative; width: 1248px; margin: 0 auto;}
#footer .site { border-top: 1px solid var(--col_btn); border-bottom: 1px solid var(--col_btn);}
#footer .site .area { display: flex; align-items: center;}
#footer .site .btnsite { display: flex; justify-content: space-between; align-items: center; width: 200px; height: 54px; padding: 0 24px; border-left: 1px solid var(--col_btn);}
#footer .site .btnsite ~ .btnsite { border-right: 1px solid var(--col_btn);}
#footer .site .btnsite .text { display: block; color: var(--col_h);}
#footer .site .btnsite .icon { display: block; width: 24px; height: 24px; background: url(/cm/static/images/main_new/ico24_plus.svg) no-repeat;}
#footer .site .btnsite.active span { font-weight: 600; text-decoration: underline;}
#footer .site .btnsite.active .icon { background: url(/cm/static/images/main_new/ico24_minus.svg) no-repeat;}

#footer .site_list .list { overflow: hidden; position: absolute; left: 0; bottom: 55px; width: 200px; padding-right: 4px; border: 1px solid var(--col_btn); border-bottom: none; background-color: var(--col_white); border-radius: 8px 8px 0 0;}
#footer .site_list .list li a { display: block; padding: 4px 0 4px 24px; line-height: 28px;}
#footer .site_list .list li a:hover { font-weight: 600; text-decoration: underline; background-color: var(--col_bg);}
#footer .site_list .list--related { left: 200px;}
#footer .site_list .list ul { overflow-y: auto; height: 216px;}
#footer .site_list .list ul::-webkit-scrollbar { width: 4px;}
#footer .site_list .list ul::-webkit-scrollbar-thumb { background: var(--col_btn); border-radius: 4px;}
#footer .site_list .list ul::-webkit-scrollbar-track { background-color: var(--col_white);}

#footer .group { background-color: var(--col_bg);}
#footer .group .area { padding: 40px 0;}
#footer .logos { display: flex; align-items: center;}
#footer .logos a { display: block;}
#footer .logos a ~ a { margin-left: 24px;}
#footer .flex { display: flex; justify-content: space-between;}
#footer .flex_left { margin-top: 24px;}
#footer .flex_left p { color: var(--col_h); line-height: 28px;}
#footer .flex_left p ~ p { margin-top: 4px;}
#footer .flex_left p.etc { margin-top: 24px; color: var(--col_p);}
#footer .flex_left p.etc strong { color: var(--col_h);}
#footer .flex_right .guide a { display: flex; align-items: center;}
#footer .flex_right .guide a span { font-weight: 600; color: var(--col_h);}
#footer .flex_right .guide a .icon { display: block; width: 16px; height: 16px; margin-left: 4px; background: url(/cm/static/images/main_new/ico16_arrow_right.svg) no-repeat;}
#footer .flex_right .guide a ~ a { margin-top: 16px;}
#footer .flex_right .sns { display: flex; align-items: center; margin-top: 40px;}
#footer .flex_right .sns a { display: block;}
#footer .flex_right .sns a ~ a { margin-left: 8px;}
#footer .control { margin-top: 24px; border-top: 1px solid var(--col_btn);}
#footer .control .links { display: flex; align-items: center;}
#footer .control .links a { display: block; padding: 16px 0;}
#footer .control .links a ~ a { margin-left: 24px;}
#footer .control .copyright { font-size: 14px; color: var(--col_p);}

/* 푸터 하단 추가 */
#footer .logos.gov { padding-left:16px; margin-top:40px; background-color:var(--col_white); height:40px; border-radius: 6px;} /* 250728 수정 */
#footer .logos.gov .copyright { font-size: 14px; color: var(--col_h);}
#footer .logos.gov a ~ a { margin: 0px 8px 0px 8px;}

/* 현재위치 CSS 추가 */
.location_list > li > a span:not(.location_list > li > a span)::after { position: relative; padding-right: 18px; background: url(/cm/static/images/ico16_ui_checked03.svg) no-repeat right 0;}
.location ul li:not(.location_list > li)::after { background: url(/cm/static/images/login_new/ico16_line_right_gray.png) no-repeat;}
.location .layer_search { top: 40px !important;}

/* 로그인 CSS 추가 */
.login--style .box_notice_wrap { margin-bottom: 40px !important;}
.login--style .box_notice_wrap a { color: var(--col_blue); text-decoration: underline;}
/* 250713 제거
.login--style .tab_wrap.line_type .tab_title { border: none;}
.login--style .tab_wrap.line_type .tab_title li button { border: 1px solid var(--col_button);height:40px;}
*/
.login--style .tab_wrap.line_type .tab_title li button#btnArea01 { border-radius: 8px 0 0 8px;}
.login--style .tab_wrap.line_type .tab_title li button#btnArea02 { border-radius: 0 8px 8px 0;}
/* 250713 제거
.login--style .tab_wrap.line_type .tab_title li.active button { border-color: #003675; border: none; background-color: #003675;}
.login--style .tab_wrap.line_type .tab_title li.active button span { color: var(--col_white);}
.login--style .tab_wrap.line_type .tab_title li.active button span::after { display: none;}
*/
.login--style .box_join_person { display: flex; flex-wrap: wrap; max-width: initial !important; padding: 0; margin:40px auto 0 !important;} /* 250713 수정 */
.login--style .box_join_person a { display: flex; align-items: center; width: calc(50% - 16px); height: 128px; margin: 16px 0 0 16px; padding: 0 32px; border: 3px solid var(--col_bg); background-color: var(--col_bg); border-radius: 8px; transition: all ease-out .2s;}
.login--style .box_join_person a::before { content: ''; display: block; width: 60px; height: 60px; margin-right: 24px;}
.login--style .box_join_person a.link-bnk::before { background: url(/cm/static/images/login_new/ico60_join1.png) no-repeat;}
.login--style .box_join_person a.link-bnk-anyId::before { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuODg5IDMuNkgyNC4xMWEyLjI4OSAyLjI4OSAwIDAxMi4yOSAyLjI4OVYxMC4yYS44LjggMCAwMDEuNiAwVjUuODg5QTMuODg5IDMuODg5IDAgMDAyNC4xMTEgMkg1Ljg5QTMuODg5IDMuODg5IDAgMDAyIDUuODg5VjI0LjExQTMuODg5IDMuODg5IDAgMDA1Ljg4OSAyOEgxNy4zMWEuOC44IDAgMDAwLTEuNkg1Ljg5YTIuMjg5IDIuMjg5IDAgMDEtMi4yOS0yLjI4OVY1Ljg5QTIuMjg5IDIuMjg5IDAgMDE1Ljg4OSAzLjZ6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZD0iTTcuOCA5YS44LjggMCAxMDAgMS42aDEwLjRhLjguOCAwIDAwMC0xLjZINy44ek03IDE1LjhhLjguOCAwIDAxLjgtLjhoNi40YS44LjggMCAwMTAgMS42SDcuOGEuOC44IDAgMDEtLjgtLjh6IiBmaWxsPSIjMkQyRDJEIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAxOWMwIDEuNzc3Ljc3MyAzLjM3NCAyIDQuNDcydjQuODQ0YTEgMSAwIDAwMS40NzkuODc4TDI0IDI3LjgybDIuNTIxIDEuMzc0QTEgMSAwIDAwMjggMjguMzE2di00Ljg0NEE2IDYgMCAxMDE4IDE5em0xMC40IDBhNC40IDQuNCAwIDExLTguOCAwIDQuNCA0LjQgMCAwMTguOCAwem0tMi4wODQgNS41MzdBNS45ODEgNS45ODEgMCAwMTI0IDI1Yy0uODIgMC0xLjYwMy0uMTY1LTIuMzE2LS40NjN2Mi44OUwyNCAyNi4xNjVsMi4zMTYgMS4yNjJ2LTIuODl6IiBmaWxsPSIjMkQyRDJEIi8+PC9zdmc+") no-repeat;background-size:56px 56px;}
.login--style .box_join_person a.link-cmn::before { background: url(/cm/static/images/login_new/ico60_join2.png) no-repeat;}
.login--style .box_join_person a.link-cmn-anyId::before { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0LjE3MiA1Ljk0OGMtMy4zMzcgMC02LjI3Mi0xLjU2MS04LjE3Ni0zLjk0OC0xLjkwMyAyLjM4Ny00LjgzOCAzLjk0OC04LjE3NSAzLjk0OC0xLjM1MSAwLTIuNjM4LS4yNy0zLjgyMS0uNzI4djkuNDgzQzQgMjcuMDMgMTYgMzAgMTYgMzBzMTItMi45NSAxMi0xNS4yOTdWNS4yMmMtMS4xODYuNDU4LTIuNDcuNzI4LTMuODIuNzI4aC0uMDA4eiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTEwLjA5NCAxNS4yNzJsNC4yNzUgNC42NDkgNy45Ni03Ljg0MyIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+") no-repeat;background-size:56px 56px;}
.login--style .box_join_person a.link-easy::before { background: url(/cm/static/images/login_new/ico60_join3.png) no-repeat;}
.login--style .box_join_person a.link-easy-anyId::before { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjM2MiA4LjM3YTQuNTA4IDQuNTA4IDAgMTAtOS4wMTYgMCA0LjUwOCA0LjUwOCAwIDAwOS4wMTYgMHptMTYuMjg5LjAwOGE0LjUwOCA0LjUwOCAwIDEwLTkuMDE2IDAgNC41MDggNC41MDggMCAwMDkuMDE2IDB6bS0xNi4yODcgMTUuMjVhNC41MDggNC41MDggMCAxMC05LjAxNiAwIDQuNTA4IDQuNTA4IDAgMDA5LjAxNiAweiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjQxMSA3LjU4aDExLjI5NGE0LjUzMiA0LjUzMiAwIDAwMCAxLjZIOC40MWEuOC44IDAgMTEwLTEuNnptMTMuMTYgNC41MDNhNC41MzUgNC41MzUgMCAwMS0xLjEzMS0xLjEzMWwtOS40NDQgOS40NDNjLjM4OS4zNzguNzEuODI1Ljk0MiAxLjMyMmw5LjYzNC05LjYzNHptLTkuMjggMTAuNzQzYTQuNTMgNC41MyAwIDAxMCAxLjZoMTEuODUzYS44LjggMCAxMDAtMS42SDEyLjI5eiIgZmlsbD0iIzJEMkQyRCIvPjxwYXRoIGQ9Ik0yNC4xNDcgMjguMTM4YTQuNTA4IDQuNTA4IDAgMTAwLTkuMDE1IDQuNTA4IDQuNTA4IDAgMDAwIDkuMDE1eiIgc3Ryb2tlPSIjMkQyRDJEIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+")  no-repeat;background-size:56px 56px;}
.login--style .box_join_person a.link-easy .certification_box { display: block; margin: 4px 0 0 0;}
.login--style .box_join_person a.link-easy .certification_box .btn { width: 20px; height: 20px; border-radius: 4px; background-size: 20px;}
.login--style .box_join_person a.link-mobile::before { background: url(/cm/static/images/login_new/ic-mobileidcard.svg) no-repeat;background-size:56px 56px}
.login--style .box_join_person a.link-mobile-anyId::before { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjAwNCAyNC4yOWw1LjMyNS00LjQ5NyA3LjM4IDIuNjYgOS45Ny04LjQxOCA1LjMyNSAxLjkxOHYuMDA0TDE2LjIxMyAyNy41OTlhMy40MTYgMy40MTYgMCAwMS0zLjM2LjYwMkwyLjAwMyAyNC4yOXoiIGZpbGw9IiMyRDJEMkQiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1Ljc5MSA0LjQwNGEzLjQwOCAzLjQwOCAwIDAxMy4zNTYtLjYwMWwxMC44NTcgMy45MS0xNS41IDEyLjc4OUwyIDE2LjA0NyAxNS43OTEgNC40MDR6bTIuODEyLjkwM2ExLjgwOSAxLjgwOSAwIDAwLTEuNzguMzJMNS4xNSAxNS40OGwzLjM2NSAxLjIxMiA4LjQ1LTcuMTMzIDUuODY4IDIuMTE0IDQuMDItMy4zOTYtOC4yNS0yLjk3eiIgZmlsbD0iIzJEMkQyRCIvPjwvc3ZnPg==") no-repeat;background-size:56px 56px;}
.login--style .box_join_person a.link-ipin::before { background: url(/cm/static/images/login_new/ico60_join4.png) no-repeat;}
.login--style .box_join_person a.link-id::before { background: url(/cm/static/images/login_new/ico60_join5.png) no-repeat;}
.login--style .box_join_person a::after { content: ''; display: block; width: 32px; height: 32px; margin-left: 24px; background: url(/cm/static/images/login_new/ico32_join_arrow.png) no-repeat;}
.login--style .box_join_person a:hover { border-color: var(--col_blue); background-color: rgba(77, 101, 225, 0.04);}
.login--style .box_join_person a:hover .btn_ico { color: var(--col_blue); text-decoration: underline;}
.login--style .box_join_person a:hover .b1_r { color: var(--col_blue);}
.login--style .box_join_person .btn { background-color: transparent;}
.login--style .box_join_person .btn .fill.type01 {background-color:var(--col_blue);color:var(--col_white);font-weight:600 !important}
.login--style .box_join_person .btn_ico { padding-left: 0; font-size: 18px; font-weight: 600; line-height: 28px;}
.login--style .box_join_person .btn_ico.certificate:before { display: none !important;}
.login--style .box_join_person .b1_r { font-size: 14px; letter-spacing: -0.8px; line-height: 24px;}
.login--style .box_join_person .b1_r:before { display: none !important;}
.login--style .tab_cont .certification_btn_group .cert_list { display: block; justify-content: initial; flex: 1; gap: initial;}
.login--style .tab_cont .certification_btn_group.type3.box_btn_wrap { gap: initial; margin: -16px 0 0 -16px;}
.login--style .tab_cont .certification_btn_group.type3 .cert_list dd { height: initial; margin-top: 4px; border: none; background-color: transparent;}
.login--style .tab_cont .certification_btn_group.active_2 [class^='btn'].big { border: none;}
.login--style .tab_cont .certification_btn_group.type3 .cert_list dt { height: initial;}
.login--style .tab_cont .certification_btn_group.type3.row2 [class^='btn'].big { height: initial; padding: 0;}
.login--style .tab_cont .certification_btn_group.type3 .cert_info { padding: 0;}
.login--style .tab_cont .certification_btn_group.active_2 [class^='btn']:not(li *):hover { color: initial; background-color: transparent;}
.login--style .box_join_person .btn.kakao { background-image: url(/cm/static/images/login_new/logo80_80_kakao.png);}
.login--style .box_join_person .btn.kb_bank { background-image: url(/cm/static/images/login_new/logo80_80_kb.png);}
.login--style .box_join_person .btn.payco { background-image: url(/cm/static/images/login_new/logo80_80_payco.png);}
.login--style .box_join_person .btn.pass { background-image: url(/cm/static/images/login_new/logo80_80_pass.png);}
.login--style .box_join_person .btn.samsung_pass { background-image: url(/cm/static/images/login_new/logo80_80_samsungpass.png);}
.login--style .box_join_person .btn.naver { background-image: url(/cm/static/images/login_new/logo80_80_naver.png);}
.login--style .box_join_person .btn.shinhan_bank { background-image: url(/cm/static/images/login_new/logo80_80_shinhan.png);}
.login--style .box_join_person .btn.toss { background-image: url(/cm/static/images/login_new/logo80_80_toss.png);}
.login--style .box_join_person .btn.banksalad { background-image: url(/cm/static/images/login_new/logo80_80_banksalad.png);}
.login--style .box_join_person .btn.hana_bank { background-image: url(/cm/static/images/login_new/logo80_80_hana.png);}
.login--style .box_join_person .btn.nh { background-image: url(/cm/static/images/login_new/logo80_80_nh.png);}
.login--style .box_join_person .btn.kakaobank { background-image: url(/cm/static/images/login_new/logo80_80_kakaobank.png);}
.login--style .box_join_person .btn.woori { background-image: url(/cm/static/images/login_new/logo80_80_woori.png);}
.login--style .box_join_person .btn.payco { background-image: url(/cm/static/images/login_new/logo80_80_payco.png);} /* 250713 추가 */
.login--style .point_color { font-weight: 600;}

#contents .login--style .box_bot_txt { position: relative; margin-top: 60px; padding: 32px 24px 32px 60px; border: none;}
#contents .login--style .box_bot_txt .join_info_wrap { display: flex; flex-wrap: initial; justify-content: initial;}
#contents .login--style .box_bot_txt .img_before { width: 146px; height: 84px; margin-right: 40px;}
#contents .login--style .box_bot_txt .img_after { position: absolute; right: 0; top: -39px;}
#contents .login--style .box_bot_txt .ico_txt { display: block;}
#contents .login--style .box_bot_txt .join_info { flex: 1; width: initial; margin: 8px 0 0 0;}
#contents .login--style .box_bot_txt .join_info .list { display: flex; align-items: center; gap: initial; margin-top: 4px;}
#contents .login--style .box_bot_txt .join_info .list li ~ li { margin-left: 8px;}
#contents .login--style .box_bot_txt .join_info .list > li { margin-bottom: 8px;}
#contents .login--style .box_bot_txt .join_info .list > li::before { display:inline-block;content:"";width:4px;height:4px;border-radius:4px;margin-right:8px;vertical-align:middle; margin-top: -2px; background-color: var(--col_p);}
#contents .login--style .box_bot_txt .ico_txt.person::before { display: none;}
#contents .login--style .box_bot_txt .box_bot_desc { margin-left: 0; line-height: 28px;}
#contents .login--style .box_bot_txt .btn { display: flex; justify-content: center; align-items: center; height: 40px; border: 1px solid var(--col_button); background-color: var(--col_white); border-radius: 20px;}
#contents .login--style .box_bot_txt .btn span { color: var(--col_body); font-weight: 600;}
#contents .login--style .box_bot_txt.green { background-color: #F3FDF7;} /* 250713 수정 */
#contents .login--style .box_bot_txt.blue { background-color: #F2F4FC;} /* 250713 수정 */

.login--style .tab_wrap .tab_title li button span { background: transparent;}

.login--style .box_join_person .box_form_login { margin: 0; padding: 0; border: none;}
.login--style .box_form_login.type4 .box_value_chk { margin: 0; text-align: center;}
.login--style .tab_cont .group { display: flex; justify-content: space-between;}
.login--style .tab_cont .left { width: calc(50% - 8px); padding: 40px 32px; border: 1px solid var(--col_button); border-radius: 8px;}
.login--style .tab_cont .left .box_radio-group { justify-content: center; flex-wrap: initial;}
.login--style .tab_cont .left .box_radio-group input { position: relative; width: 22px; height: 22px; appearance: none; background-color: var(--col_white); border: 1px solid #999; border-radius: 50%; transition: all ease-out .2s;}
.login--style .tab_cont .left .box_radio-group input:checked { border-color: var(--col_blue); background-color: var(--col_blue); z-index:100;}
.login--style .tab_cont .left .box_radio-group input:checked::before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; background-color: var(--col_white); border-radius: 50%; z-index:100;}
.login--style .tab_cont .left .text_al { margin-top: 32px; padding-top: 19px; text-align: center;}
.login--style .tab_cont .left .text_al h4 { justify-content: center;}
.login--style .tab_cont .left .text_al p { margin-top: 8px; color: var(--col_p); line-height: 28px;}
.login--style .tab_cont .left .flex_al { display: block;}
.login--style .tab_cont .left .list_txt { max-width: 100% !important; margin-top: 8px;}
.login--style .tab_cont .left .list_tit { max-width: 100% !important; min-width: 100% !important; margin: 0; padding: 0; text-align: left;}
.login--style .tab_cont .left .essential { display: none;}
.login--style .tab_cont .left .c_number:before { display: none;}
.login--style .tab_cont .left label { font-weight: 600;}
.login--style .tab_cont .left .box_form_table li { margin-top: 32px;}
.login--style .tab_cont .left .box_form_table li#liIsoaNo { padding-bottom: 57px;}
.login--style .tab_cont .left .box_chk-group { display: block; margin: -18px 0 0 0; text-align: left;}
.login--style .tab_cont .left .box_chk-group >span { display: block;}
.login--style .tab_cont .left .txt_date-line { margin: 8px 5px 0;}
.login--style .tab_cont .left .box_email_area .cell { width: calc(50% - 7px);}
.login--style .tab_cont .right { width: calc(50% - 8px); margin: 0;}
.login--style .tab_cont .right a { width: 100%; margin: 0;}
.login--style .tab_cont .right a .big { min-width: inherit; height: initial; margin: 0; padding: 0; border: none;}
.login--style .tab_cont .right a ~ a { margin-top: 16px;}
/* S: 로그인 new(250713) */
.login--style .tab_wrap.bg_type .tab_title li.active button span, .login--style .tab_wrap.bg_type .tab_title li.active a span,
.login--style .tab_wrap.bg_type .tab_title li.active:hover button span, .login--style .tab_wrap.bg_type .tab_title li.active:hover a span {background: var(--col_blue);}
.login--style .login_wrp .box_join_person a::after {display: none;}
.login--style .login_wrp .tab_cont .group {gap: 16px; width: 100%;}
.login--style .login_wrp .tab_cont .left {padding: 32px 24px; width: 405px; min-height: 467px; border: 1px solid var(--col_btn); border-radius: 12px;}
.login--style .login_wrp .tab_cont .right {flex: 1; width: auto;}
.login--style .login_wrp .tab_cont .right a ~ a {margin-top: 0;}
/* E: 로그인 new(250713) */

#footer > div.site > div.area > div.site_list {z-index: 10;}


.cont-box { display:flex; position : relative; margin-left:20px; margin-bottom:20px;}
.cont-box input { appearance: none; border-radius: 50%; box-sizing:border-box; width: 20px; height: 20px; border: 1px solid gray; cursor:pointer;}
.cont-box .screen-reader { position : absolute; width:1px; height:1px; padding:0; border:0; overflow:hidden; margin:-1px; clip-path:inset(50%);}
.cont-box .lable-box { position : relative;}
.cont-box .check-icon { width:1.4rem; height: 1.4rem; border-radius: 50%; background-color: var(--col_white); border: 1px solid gray;position: absolute; left:0; top: 50%; transform:translateY(-50%);}
.cont-box .check-icon::before { content:""; position: absolute; box-sizing:border-box; width:30%; height:55%; left:50%; top:50%; border-right: 1.7px solid gray; border-bottom: 1.7px solid gray; transform:translateX(-50%) translateY(-70%) rotateZ(40deg);}
.cont-box label {padding-left:2.2rem;position:relative; cursor:pointer;}

.search_cm [type="radio"]:checked + .lable-box .check-icon { border-color: var(--col_blue); background-color: var(--col_blue);}
.search_cm [type="radio"]:checked + .lable-box .check-icon::before { border-color:var(--col_white);}
.search_cm [type="radio"]:checked + .lable-box label { color:var(--col_blue);}

.search_wk [type="radio"]:checked + .lable-box .check-icon { border-color: var(--col_green2); background-color: var(--col_green2);}
.search_wk [type="radio"]:checked + .lable-box .check-icon::before { border-color:var(--col_white);}
.search_wk [type="radio"]:checked + .lable-box label { color:var(--col_green2);}

.search_hr [type="radio"]:checked + .lable-box .check-icon { border-color: var(--col_orange); background-color: var(--col_orange);}
.search_hr [type="radio"]:checked + .lable-box .check-icon::before { border-color:var(--col_white);}
.search_hr [type="radio"]:checked + .lable-box label { color:var(--col_orange);}

.drag-handle {cursor: move;}
.ui-sortable-helper{
    background-color: #f9f9f9;
    opacity: 0.8;
    border: 1px solid #9c9c9c;
    box-sizing: border-box;
}
.ui-sortable-placeholder{
    background-color: #e0e0e0;
    visibility: visible !important;
    height: 40px;
}

span.ico08 { background:url("/cm/static/images/main_new/ico32_category.svg") no-repeat; width:32px; height:32px; vertical-align:middle;}

.u_search_point_color {
    color: var(--col_blue);
    font-weight: 800;
 } /* 250730 수정 */


.display_flex_cut {
    flex-shrink: 0;
}

.link_txt {
    color: var(--col_blue);
    text-decoration: underline;
}


/* 250618 메인메뉴(GNB) HTML 수정 임정규 */
.new #header_top .get_top { height: 32px;}

.new #header_top .group { display: flex; align-items: center;}
.new #header_top .group .text { display: flex; align-items: center; color: var(--col_white);}
.new #header_top .group .text::before { content: ''; display: block; width: 16px; height: 16px; margin-right: 8px; background: url(/cm/static/images/main_new/ico16_loudspeaker.svg) no-repeat;}
.new #header_top .group .more { display: flex; align-items: center; height: 24px; margin-left: 8px; padding: 0 8px; font-size: 14px; color: var(--col_h); letter-spacing: -0.28px; background-color: var(--col_white); border-radius: 12px;}
.new #header_menutree .header_lt { display: block;}
.new #header_menutree .header_info { display: flex; justify-content: flex-end;}
.new #header_menutree .header_util { display: flex; justify-content: flex-end; height: 36px; margin-top: 8px;}
.new #header_menutree .header_util li { display: flex; align-items: center;}
.new #header_menutree .header_util li >a { display: flex; align-items: center; margin-left: 16px; font-size: 16px; font-weight: 600;}
.new #header_menutree .header_util li .col { display: flex; align-items: center; height: 36px; margin-left: 8px; padding: 0 8px; background: #F2F4FC; border-radius: 18px;}
.new #header_menutree .header_util li .col .icons { width: 16px; height: 16px; margin-right: 8px; background: url(/cm/static/images/main_new/ico16_time.svg) no-repeat;}
.new #header_menutree .header_util li .col #timeOut { font-size: 14px; font-weight: 600; color: var(--col_blue);}
.new #header_menutree .header_util li .col .btn { display: flex; align-items: center; height: 24px; margin-left: 8px; padding: 0 8px; font-size: 14px; color: var(--col_h); border: 1px solid var(--col_button); border-radius: 12px;}
.new #header_menutree .header_util .ico { width: 24px; height: 24px; margin-right: 8px;}

.new #header_menutree .header_util .ico09 { background: url(/cm/static/images/main_new/ico24_search2.svg) no-repeat;}
.new #header_menutree .header_util .ico11 { background: url(/cm/static/images/main_new/ico24_member_logout.svg) no-repeat;}
.new #header_menutree .header_util .ico12 { background: url(/cm/static/images/main_new/ico24_jobfind_plus.svg) no-repeat;}
.new #header_menutree .header_util .ico13 { background: url(/cm/static/images/main_new/ico24_member_logout2.svg) no-repeat;}
.new #header_menutree .header_util .ico14 { background: url(/cm/static/images/main_new/ico24_member_login.svg) no-repeat;}
.new #header_bottom { position: absolute;  z-index: initial; min-height: 48px; border-color: var(--col_btn); transition: height .2s ease;}
.new #header_bottom #gnb >ul >li >ul { display: none;}
.new #header_bottom.extend { height: 0;}
.new #header_bottom.extend::after { top: 48px;}
.new #header_bottom.extend #gnb .gnb2depth.active { display: block; z-index: 1; opacity: 1;}

.new .go24_ci { position: absolute; left: 0; top: -58px; z-index: 10; width: 160px; height: 56px; margin-top: 0; background-image: url(/cm/static/images/main_new/h1_ci_large.svg);}
.new .gnb_wrap { display: flex; justify-content: space-between; align-items: center; width: 100%;} /* 임 추가 */
.new .gnb_wrap .header_allmenu { display: flex; align-items: center; font-size: 20px; font-weight: 600; letter-spacing: -0.4px; white-space: nowrap;}
.new .gnb_wrap .header_allmenu .ico { margin-right: 8px;}
.new .gnb_wrap .header_allmenu .lines { display: flex; flex-direction: column; width: 18px; margin: 1px 9px 0 0;}
.new .gnb_wrap .header_allmenu .lines span { display: block; width: 100%; height: 2px; background-color: var(--col_h); border-radius: 2px; transition: width .2s ease;}
.new .gnb_wrap .header_allmenu .lines span ~ span { margin-top: 4px;}
.new .gnb_wrap .header_allmenu:hover .lines span.t { animation: sexand .4s ease forwards; animation-delay: 0s;}
.new .gnb_wrap .header_allmenu:hover .lines span.c { animation: sexand .4s ease forwards; animation-delay: .1s;}
.new .gnb_wrap .header_allmenu:hover .lines span.b { animation: sexand .4s ease forwards; animation-delay: .2s;}
@keyframes sexand {
    0% { width: 18px;}
    50% { width: 9px;}
    10% { width: 18px;}
}



.new #gnb { justify-content: initial; flex: auto; width: 100%;}
.new #gnb > ul > li >a { height: 48px; padding: 0;}
.new #gnb > ul > li >a ~ a { margin-left: 32px;}
.new #gnb > ul > li >a span { padding-right: 32px;}
.new #gnb > ul > li >a::after { content: ''; display: block; width: 24px; height: 24px; margin-left: -24px; background: url(/cm/static/images/main_new/ico24_arrow2_down.svg) no-repeat; transition: background-color 0.2s ease, transform 0.2s ease;}
.new #gnb > ul > li ~ li { margin-left: 32px;}
.new #gnb > ul > li >a[aria-expanded="true"]::after { transform: rotate(-180deg); filter: brightness(0) saturate(100%) invert(36%) sepia(61%) saturate(1564%) hue-rotate(209deg) brightness(100%) contrast(100%);}
.new #gnb > ul > li >a[aria-expanded="true"] span { color: var(--col_blue);}
.new #gnb > ul > li >a[aria-expanded="true"] span::after { width: 100%;}
.new #gnb > ul > li >a:focus { outline-offset: -2px;}
.new #gnb > ul > li >a:hover::after { filter: brightness(0) saturate(100%) invert(36%) sepia(61%) saturate(1564%) hue-rotate(209deg) brightness(100%) contrast(100%);}
.new #gnb .gnb2depth { display: none; position: absolute; left: 0; top: 80px; width: 100%; height: initial; padding: 0;}
.new #gnb .gnb2depth::after { content: ''; position: absolute; left: 300px; top: 0; bottom: 0; width: 1px; background-color: var(--col_tabe);}
.new #gnb .gnb2depth >li { margin: 0;}
.new #gnb .gnb2depth >li >a { display: flex; align-items: center; justify-content: flex-start; width: 260px; height: 52px; padding: 0px 36px 0px 12px; font-size: 18px; border-radius: 8px; transition: background-color .2s ease;}
.new #gnb .gnb2depth >li >a span { padding: 0; font-weight: 600; color: var(--col_blue) !important; background-image: initial;}
.new #gnb .gnb2depth >li >a:hover { font-weight: 600; background-color: #F2F4FC;}
.new #gnb .gnb2depth >li >a[title="선택됨"] { font-weight: 600; background-color: #C2E5FF;}
.new #gnb .gnb2depth >li >a[title="선택됨"]::after { content: ''; position: absolute; right: 12px; top: 50%; bottom: 0; width: 16px; height: 16px; margin-top: -8px; background: url(/cm/static/images/main_new/ico_arrow_n.svg) no-repeat;}
.new #gnb .gnb2depth >li >a:hover span { color: var(--col_body);}
.new #gnb .gnb2depth >li >a::before { display: none;}
.new #gnb .gnb3depth { display: flex !important; flex-wrap: wrap; align-items: flex-start; position: absolute; left: 300px; top: 5px; z-index: -1; height: initial; padding: 0 0 0 40px; border-left: 1px solid var(--col_tabe); opacity: 0; transition: top .3s ease, opacity .2s ease;}
.new #gnb .gnb3depth li { width: calc(906px / 3); margin: 0;}
.new #gnb .gnb3depth.active { display: flex !important; top: 0; z-index: 1; opacity: 1;}
.new #gnb .gnb3depth li a { display: inline-block; min-height: 48px; padding: 12px 20px 0 0; font-size: 18px; font-weight: 400; letter-spacing: -0.36px; line-height: 1.5;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;  word-break: break-word;}
.new #gnb .gnb3depth li a span { min-height: 22px; padding-bottom: 0; color: var(--col_body); background-image: linear-gradient(transparent 95%, #408CFF 5%);}
.new #gnb .gnb3depth li a:hover span {color: #408CFF;}
.new #gnb .gnb3depth li a::before { display: none;}

.new #gnb a.btn_link_new span { position: relative;}
.new #gnb a.btn_link_new span::after { content: ''; display: inline-block; width: 16px; height: 16px; margin: -3px 0 0 8px; vertical-align: middle; background: url(/cm/static/images/main_new/ico16_share.svg) no-repeat;}
.new #gnb .gnb2depth >li >a.btn_link_new span::after { background-image: url(/cm/static/images/main_new/ico16_share_blue.svg);}
.new .sub_search_wrap { top: 122px; border-bottom: 2px solid var(--col_blue);}
.new #header_menutree ul.header_util .header_search a.on span.ico09 { width: 24px; height: 24px; background-image: url(/cm/static/images/ico32_close02.svg); background-size: contain;}

header.new { position: sticky; transition: transform .3s ease;}
.scrollTop header.new { transform: translateY(calc(-100% - 50px));}
#container { margin-top: 48px; transition: margin-top .3s ease;}

/* 기업 */
.company .new #header_menutree .header_util li .col { background-color: #F3FDF7;}
.company .new #header_menutree .header_util li .col #timeOut { color: #1C824A;}
.company .new #header_menutree .header_util li .col .icons { background-image: url(/cm/static/images/main_new/ico16_time_company.svg);}
.company .new #gnb .gnb2depth >li >a[title="선택됨"] { background-color: #DDF7C1;}
.company .new #gnb .gnb2depth >li >a:hover { background-color: #F3FDF7;}
.company .new #gnb > ul > li >a[aria-expanded="true"] span { color: #1C824A;}
.company .new #gnb > ul > li >a[aria-expanded="true"]::after { transform: rotate(-180deg); filter: invert(45%) sepia(71%) saturate(497%) hue-rotate(92deg) brightness(92%) contrast(86%);}
.company .new #gnb > ul > li >a:hover::after { filter: invert(45%) sepia(71%) saturate(497%) hue-rotate(92deg) brightness(92%) contrast(86%);}
.company .new #gnb .gnb3depth li a:hover span {color: #4D6E19;}
.company .new #gnb .gnb3depth li a span { background-image: linear-gradient(transparent 95%, #4D6E19 5%);}
.company .new .sub_search_wrap { top: 122px; border-bottom: 2px solid var(--col_green);}
.company .new #gnb .gnb2depth >li >a span { color: #1C824A !important;}
.company .new #gnb .gnb2depth >li >a[aria-selected="true"]::after { background: url(/cm/static/images/main_new/ico_arrow_n_company.svg);}
.company .new #gnb .gnb2depth >li >a.btn_link_new span::after { background-image: url(/cm/static/images/main_new/ico16_share_company.svg);}
.company .new #gnb .gnb2depth >li >a[title="선택됨"]::after { background-image: url(/cm/static/images/main_new/ico16_arrow_right_green.svg);}
/* // 250618 메인메뉴(GNB) HTML 수정 임정규 */

/* 20250623 radio 공통버튼 (김무현) start */
.radio_group input[type="checkbox"]:checked { border-color: var(--col_blue); background: var(--col_blue) url('/cm/static/images/ico_check_white.svg') no-repeat center;}
.radio_group input[type="checkbox"] {cursor: pointer; appearance: none; width: 1.25rem; height: 1.25rem; margin-top: 0; border: 1px solid var(--col_button); background-color: var(--col_white); border-radius: 0.25rem; transition: background-color .2s ease;}
/* 20250623 radio 공통버튼 (김무현) start */
/* 250730-1 추가 */
.radio_group input[type="radio"] {position: relative; display: block; margin-top: -1px; width: 22px; height: 22px; border: none; opacity: 1; appearance: none;}
.radio_group input[type="radio"]:before {position: absolute; left: 1px; top: 1px; width: 20px; height: 20px; border: 1px solid var(--col_button); border-radius: 50%; background-color: var(--col_white); transition: border-color .2s, box-shadow .2s, background-color .5s; content: "";}
.radio_group input[type="radio"]:checked::before {border-color: var(--col_blue); background-color: var(--col_blue); box-shadow: 0 0 0 5px var(--col_blue) inset;}
.radio_group input[type="radio"]:disabled::before {border-color: var(--col_table); background-color: var(--col_button);}
.radio_group input[type="radio"]:after {position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-radius: 50%; background-color: var(--col_white); transform: translate(-50%, -50%); content: "";}
.radio_group input[type="radio"] ~ label {margin-left: 4px;}
/* 250730-1 radio 공통버튼 (김무현) start *

/* 20250625 GNB 화면/확대축소 설정(임정규) */
.new #header_menutree .btn_screen,
.new #header_menutree .btn_remote { display: flex; align-items: center; font-size: 14px;}
.new #header_menutree .btn_screen::after,
.new #header_menutree .btn_remote::after { content: ''; display: block; width: 16px; height: 16px; margin-left: 4px; background: url(/cm/static/images/main_new/ico16_line_down.svg) no-repeat; transition: transform .2s ease;}
.new #header_menutree .btn_screen[aria-expanded="true"]::after,
.new #header_menutree .btn_remote[aria-expanded="true"]::after { transform: rotate(180deg);}
.new #header_menutree .screen_size { display: none; position: absolute; right: 0; top: 32px; z-index: 301; width: 167px; padding: 16px 8px 0; border: 1px solid var(--col_btn); background-color: var(--col_white); border-radius: 8px; box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.12);}
.new #header_menutree .screen_size::after { content: ''; display: block; position: absolute; right: 24px; top: -15px; width: 24px; height: 21px; background: url(/cm/static/images/main_new/img_edge.png) no-repeat;}
.new #header_menutree .screen_size ul li { margin: 0;}
.new #header_menutree .screen_size ul li .btn_size { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 40px; padding: 0 8px; font-size: 16px; border-radius: 6px; transition: background-color .2s ease;}
.new #header_menutree .screen_size ul li .btn_size::before { content: ''; display: block; width: 28px; margin-right: 8px;}
.new #header_menutree .screen_size ul li .btn_size.sm::before { height: 20px; background: url(/cm/static/images/main_new/ico20_font_size.png) no-repeat;}
.new #header_menutree .screen_size ul li .btn_size.md::before { height: 22px; background: url(/cm/static/images/main_new/ico22_font_size.png) no-repeat;}
.new #header_menutree .screen_size ul li .btn_size.lg::before { height: 24px; background: url(/cm/static/images/main_new/ico24_font_size.png) no-repeat;}
.new #header_menutree .screen_size ul li .btn_size.xlg::before { height: 26px; background: url(/cm/static/images/main_new/ico26_font_size.png) no-repeat;}
.new #header_menutree .screen_size ul li .btn_size.xxlg::before { height: 28px; background: url(/cm/static/images/main_new/ico28_font_size.png) no-repeat;}
.new #header_menutree .screen_size ul li .btn_size span { display: block; flex: 1; text-align: left;}
.new #header_menutree .screen_size ul li .btn_size:hover { font-weight: 600; background-color: #F2F4FC;}
.new #header_menutree .screen_size ul li .active.btn_size { font-weight: 600; background-color: #C2E5FF;}
.new #header_menutree .screen_size ul li .active.btn_size::before { background-position-y: -32px;}
.new #header_menutree .screen_size ul li .active.btn_size::after { content: ''; display: block; width: 16px; height: 16px; background: url(/cm/static/images/main_new/ico16_ui_checked.svg) no-repeat;}
.new #header_menutree .screen_size .screen_reset { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 12px; padding: 12px 0 16px; font-size: 14px; font-weight: 600; border-top: 1px solid var(--col_btn);}
.new #header_menutree .screen_size .screen_reset span { display: block; margin-top: -1px;}
.new #header_menutree .screen_size .screen_reset::before { content: ''; display: block; width: 16px; height: 16px; margin-right: 4px; background: url(/cm/static/images/main_new/ico16_back.svg) no-repeat;}
.new #header_menutree .screen_size.active { display: block;}

.new #header_menutree .remote_control {display: none;position: absolute;right: -26px;top: 32px;z-index: 301;width: 138px;padding: 16px 8px;border: 1px solid var(--col_btn);background-color: var(--col_white);border-radius: 8px;box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.12);}
.new #header_menutree .remote_control::after { content: ''; display: block; position: absolute; right: 50%; top: -15px; width: 24px; height: 21px; margin-right: -12px; background: url(/cm/static/images/main_new/img_edge.png) no-repeat;}
.new #header_menutree .remote_control ul li { margin: 0;}
.new #header_menutree .remote_control ul li a { display: flex; align-items: center; width: 100%; height: 40px; padding: 0 0 0 16px; font-size: 16px; letter-spacing: -0.8px; transition: background-color .2s ease; border-radius: 6px;}
.new #header_menutree .remote_control ul li a:hover { font-weight: 600; background-color: #F2F4FC;}
.new #header_menutree .remote_control.active { display: block;}
/* 20250625 GNB 화면/확대축소 설정(임정규) */


.sx_loginbox { display: flex; justify-content: space-between; align-items: center; height: 60px; margin-bottom: 24px; padding: 0 24px; background-color: var(--col_skyblue_light);}
.sx_loginbox .she { display: flex; align-items: center; gap: 8px;}
.sx_loginbox .she span { font-weight: 600; letter-spacing: -0.32px;}
.sx_loginbox .slo { display: flex; align-items: center; gap: 4px;}
.sx_loginbox .slo span { font-weight: 600; letter-spacing: -0.32px;}
.sx_but { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 24px 0;}
.sx_but .sx_bt { display: flex; align-items: center; gap: 16px; position: relative; width: 100%; height: 80px; padding: 0 24px; border: 1px solid var(--col_btn); border-radius: 12px;}
.sx_but .sx_bt .icon { display: block; width: 40px; height: 40px;}
.sx_but .sx_bt .icon.i01 { background: url(/cm/static/images/customer/icon_landing01.svg) no-repeat;}
.sx_but .sx_bt .icon.i02 { background: url(/cm/static/images/customer/icon_landing02.svg) no-repeat;}
.sx_but .sx_bt .icon.i03 { background: url(/cm/static/images/customer/icon_landing03.svg) no-repeat;}
.sx_but .sx_bt span { font-size: 18px; font-weight: 600; letter-spacing: -0.32px;}
.sx_but .sx_bt::after { content: ''; display: block; position: absolute; right: 24px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background:url("/cm/static/images/icon/16/ico16_line_right_black.svg") no-repeat;}
.btn_tooltip { display: inline-block; width: 24px; height: 24px; background: url("/cm/static/images/ico16_question_on.svg") no-repeat center/contain;}