:root {
  /*color*/
  --color-green_01: #00998A;
  --color-green_01_01: #00998A1C;
  --color-green_02: #28C7B8;
  --color-green_03: #1F7244;
  --color-blue_01: #004E97;
  --color-blue_01_01: #0058F11C;
  --color-blue_02: #75A1C9;
  --color-blue_03: #CCDBEA;
  --color-blue_04: #D7F1F4;
  --color-blue_05: #DCE6F1;
  --color-blue_06: #CAE1F6;
  --color-blue_07: #1B3C59;
  --color-blue_08: #E9F5FF;
  --color-blue_09: #002A51;
  --color-blue_10: #0058F1;
  --color-blue_10_01: #0058F11C;
  --color-white: #fff;
  --color-black: #000;
  --color-black_01_01: #1B1E1E0D;
  --color-grayb2: #b2b2b2;
  --color-grayd4: #d4d4d4;
  --color-grayf2_01: #F2F5F9;
  --color-grayf4: #F4F4F4;
  --color-grayf5: #F5F5F5;
  --color-grayf8: #F8F8F8;
  --color-gray1: #111;
  --color-gray2: #222;
  --color-gray2b: #2b2b2b;
  --color-gray2_01: #26293D;
  --color-gray3: #333;
  --color-gray4: #444;
  --color-gray5: #555;
  --color-gray6: #666;
  --color-gray7: #777;
  --color-gray7_01: #757B8E;
  --color-gray8: #888;
  --color-gray9: #999;
  --color-gray9a: #9A9A9A;
  --color-gray90: #909090;
  --color-grayc1: #c1c1c1;
  --color-grayc3: #c3c3c3;
  --color-graydf: #dfdfdf;
  --color-graye8: #E8E8E8;
  --color-graye9_01: #E9EBF0;
  --color-brown_01: #995200;
  --color-brown_01_01: #99520021;
  --color-red_01: #D44C4C;
  --color-red_01_01: #D44C4C2B;
  --color-bd01: #E2E5EB;
  --color-bd02: #C4C5C7;
  --color-bd03: #1D304D;
  --color-bd04: #DFDFDF;
  --color-bg01: rgba(29, 48, 77, 0.3);
  --color-bg02: rgba(29, 48, 77, 0.8);

  /*gradation*/
  --gra01: linear-gradient(111deg, #004E96 0%, #00998A 100%) 0% 0% no-repeat padding-box;

  /*font*/
  --fz-12: 0.75rem;
  --fz-13: 0.8125rem;
  --fz-14: 0.875rem;
  --fz-15: 0.9375rem;
  --fz-16: 1rem;
  --fz-17: 1.0625rem;
  --fz-18: 1.125rem;
  --fz-19: 1.1875rem;
  --fz-20: 1.25rem;
  --fz-21: 1.3125rem;
  --fz-22: 1.375rem;
  --fz-23: 1.4375rem;
  --fz-24: 1.5rem;
  --fz-25: 1.5625rem;
  --fz-26: 1.625rem;
  --fz-27: 1.6875rem;
  --fz-28: 1.75rem;
  --fz-29: 1.8125rem;
  --fz-30: 1.875rem;
  --fz-31: 1.9375rem;
  --fz-32: 2rem;
  --fz-33: 2.0625rem;
  --fz-34: 2.125rem;
  --fz-35: 2.1875rem;
  --fz-36: 2.25rem;
  --fz-37: 2.3125rem;
  --fz-38: 2.375rem;
  --fz-39: 2.4375rem;
  --fz-40: 2.5rem;
  --fz-41: 2.5625rem;
  --fz-42: 2.625rem;
  --fz-43: 2.6875rem;
  --fz-44: 2.75rem;
  --fz-45: 2.8125rem;
  --fz-46: 2.875rem;
  --fz-47: 2.9375rem;
  --fz-48: 3rem;
  --fz-49: 3.0625rem;
  --fz-50: 3.125rem;
  --fz-51: 3.1875rem;
  --fz-52: 3.25rem;
  --fz-53: 3.3125rem;
  --fz-54: 3.375rem;
  --fz-55: 3.4375rem;
  --fz-56: 3.5rem;
  --fz-57: 3.5625rem;
  --fz-58: 3.625rem;
  --fz-59: 3.6875rem;
  --fz-60: 3.75rem;

  /*spacing*/
  --spacing-0: 0;
  --spacing-1: 0.0625rem;
  --spacing-2: 0.125rem;
  --spacing-3: 0.1875rem;
  --spacing-4: 0.25rem;
  --spacing-5: 0.3125rem;
  --spacing-6: 0.375rem;
  --spacing-7: 0.4375rem;
  --spacing-8: 0.5rem;
  --spacing-9: 0.5625rem;
  --spacing-10: 0.625rem;
  --spacing-11: 0.6875rem;
  --spacing-12: 0.75rem;
  --spacing-13: 0.8125rem;
  --spacing-14: 0.875rem;
  --spacing-15: 0.9375rem;
  --spacing-16: 1rem;
  --spacing-17: 1.0625rem;
  --spacing-18: 1.125rem;
  --spacing-19: 1.1875rem;
  --spacing-20: 1.25rem;
  --spacing-21: 1.3125rem;
  --spacing-22: 1.375rem;
  --spacing-23: 1.4375rem;
  --spacing-24: 1.5rem;
  --spacing-25: 1.5625rem;
  --spacing-26: 1.625rem;
  --spacing-27: 1.6875rem;
  --spacing-28: 1.75rem;
  --spacing-29: 1.8125rem;
  --spacing-30: 1.875rem;
  --spacing-35: 2.1875rem;
  --spacing-40: 2.5rem;
  --spacing-45: 2.8125rem;
  --spacing-50: 3.125rem;
  --spacing-55: 3.4375rem;
  --spacing-60: 3.75rem;
  --spacing-65: 4.0625rem;
  --spacing-70: 4.375rem;
  --spacing-75: 4.6875rem;
  --spacing-80: 5rem;
  --spacing-85: 5.3125rem;
  --spacing-90: 5.625rem;
  --spacing-95: 5.9375rem;
  --spacing-100: 6.25rem;
  --spacing-110: 6.875rem;
  --spacing-120: 7.5rem;
  --spacing-130: 8.125rem;
  --spacing-140: 8.75rem;
  --spacing-145: 9.0625rem;
  --spacing-150: 9.375rem;
  --spacing-160: 10rem;
  --spacing-170: 10.625rem;
  --spacing-180: 11.25rem;
  --spacing-190: 11.875rem;
  --spacing-200: 12.5rem;
  --spacing-210: 13.125rem;
  --spacing-220: 13.75rem;
  --spacing-230: 14.375rem;
  --spacing-240: 15rem;
  --spacing-250: 15.625rem;
  --spacing-260: 16.25rem;
  --spacing-270: 16.875rem;
  --spacing-280: 17.5rem;
  --spacing-290: 18.125rem;
  --spacing-300: 18.75rem;
  --spacing-310: 19.375rem;
  --spacing-320: 20rem;
  --spacing-330: 20.625rem;
  --spacing-340: 21.25rem;
  --spacing-350: 21.875rem;
  --spacing-360: 22.5rem;
  --spacing-370: 23.125rem;
  --spacing-380: 23.75rem;
  --spacing-390: 24.375rem;
  --spacing-400: 25rem;
  --spacing-410: 25.625rem;
  --spacing-420: 26.25rem;
  --spacing-430: 26.875rem;
  --spacing-440: 27.5rem;
  --spacing-450: 28.125rem;
  --spacing-460: 28.75rem;
  --spacing-470: 29.375rem;
  --spacing-480: 30rem;
  --spacing-490: 30.625rem;
  --spacing-500: 31.25rem;
  --spacing-510: 31.875rem;
  --spacing-520: 32.5rem;
  --spacing-530: 33.125rem;
  --spacing-540: 33.75rem;
  --spacing-550: 34.375rem;
  --spacing-560: 35rem;
  --spacing-570: 35.625rem;
  --spacing-580: 36.25rem;
  --spacing-590: 36.875rem;
  --spacing-600: 37.5rem;
  --spacing-610: 38.125rem;
  --spacing-620: 38.75rem;
  --spacing-630: 39.375rem;
  --spacing-640: 40rem;
  --spacing-650: 40.625rem;
  --spacing-660: 41.25rem;
  --spacing-670: 41.875rem;
  --spacing-680: 42.5rem;
  --spacing-690: 43.125rem;
  --spacing-700: 43.75rem;
  --spacing-750: 46.875rem;
  --spacing-800: 50rem;
  --spacing-850: 53.125rem;
  --spacing-900: 56.25rem;
  --spacing-950: 59.375rem;
  --spacing-1000: 62.5rem;
  --spacing-1050: 65.625rem;
  --spacing-1100: 68.75rem;
  --spacing-1150: 71.875rem;
  --spacing-1200: 75rem;
  --spacing-1240: 77.5rem;
}

/*scrollbar*/
::-webkit-scrollbar { width: 8px;}
::-webkit-scrollbar-track { background: var(--color-white);}
::-webkit-scrollbar-thumb { background-color: var(--color-blue_03); border-radius: 4px;}
::-webkit-scrollbar-thumb:hover { background-color: var(--color-blue_01);}

/* skip */
.skip_menu a { overflow: hidden; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 1px; background: #000; color: #fff; text-align: center; z-index: 999999; }
.skip_menu a:focus,
.skip_menu a:active { position: relative; width: 100%; height: auto; padding: 10px; }

/* inner */
.inner{ width: var(--spacing-1240); padding: 0 1rem; margin: 0 auto ; max-width: 100%; position: relative}

/* text_hid */

.table_layout caption, /* 250528 퍼블 선택자 수정*/
.hidden,
.ir_text,
.sr_only{ width: 1px; height: 1px; overflow: hidden; color: transparent; position: absolute; text-indent: -999px;}

/*form*/
::placeholder{ color: #A9ACB4}
input{ border: none}
button{ cursor: pointer}
select{ border: 1px solid var(--color-bd04); border-radius: var(--spacing-3); display: flex; align-items: center; appearance: none; background: #fff url("../img/icon/arr_down.svg") no-repeat right var(--spacing-7) center / var(--spacing-8) auto !important;}
select:focus,
select:hover{ background: #fff url("../img/icon/arr_down.svg") no-repeat right var(--spacing-7) center / var(--spacing-8) auto !important;}
select::-ms-expand { display: none; /*for IE10,11*/ }
/* [S] 250528 퍼블 추가 */
.select_r{ height: var(--spacing-40); padding: 0 var(--spacing-20) 0 var(--spacing-10)}
.select_md{ height: var(--spacing-50); padding: 0 var(--spacing-20) 0 var(--spacing-10)}
/* [E] 250528 퍼블 추가 */
select,
input,
textarea{ font-size: var(--fz-15); color: var(--color-gray3)}
textarea{ border: 1px solid var(--color-bd04); border-radius: var(--spacing-3); resize: none}

textarea.r{ width: 100%; font-size: var(--fz-18); padding: var(--spacing-15) var(--spacing-20); font-weight: 500; height: var(--spacing-140)}
textarea.md{ width: 100%; font-size: var(--fz-18); padding: var(--spacing-20) var(--spacing-25); font-weight: 500; height: var(--spacing-140)}

.input_box{ border-radius: var(--spacing-3); border: 1px solid var(--color-bd04); height: var(--spacing-50); padding: 0 var(--spacing-10)}

.select_wrap{ display: flex; align-items: center; gap: var(--spacing-10) var(--spacing-15)}
.select_wrap select{ min-width: var(--spacing-145); height: var(--spacing-50); font-size: var(--fz-15); padding: 0 var(--spacing-10)}

.check_box label { border: 2px solid transparent;}
label.active { border: 2px dotted #000 !important; border-radius: var(--spacing-5)}

.check_box_wrap{ display: flex; flex-wrap: wrap}
.check_box_wrap .check_box{ display: flex; flex-wrap: wrap; align-items: center; position: relative}
.check_box_wrap .check_box input[type='checkbox']{ position: absolute; left: 3px; top: 50%; transform: translateY(-50%); z-index: 0; width: 1px; height: 1px}
.check_box_wrap .check_box.lg label{ font-size: var(--fz-24); font-weight: 600; color: var(--color-gray7_01); position: relative; padding-left: var(--spacing-50);}
.check_box_wrap .check_box.lg label:before{ content: ""; width: var(--spacing-30); height: var(--spacing-30); border-radius: var(--spacing-4); border: 1px solid var(--color-bd01); position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: var(--color-white); z-index: 1}
.check_box_wrap .check_box.lg label.empty{ width: var(--spacing-35); height: var(--spacing-35); padding-left: var(--spacing-30)}
.check_box_wrap .check_box.lg input[type='checkbox']:checked + label{ color: var(--color-blue_01);}
.check_box_wrap .check_box.lg input[type='checkbox']:checked + label:before{ background: var(--color-blue_01) url("../img/icon/ic_check.svg") no-repeat center / 30% auto}

.radio_box_wrap { display: flex; flex-wrap: wrap}
.radio_box_wrap .radio_box { display: flex; flex-wrap: wrap; align-items: center; position: relative}
.radio_box_wrap .radio_box input[type='radio'] { position: absolute; left: 3px; top: 50%; transform: translateY(-50%); z-index: 0; width: 1px; height: 1px}
.radio_box_wrap .radio_box.lg label { font-size: var(--fz-20); font-weight: 600; color: var(--color-black); position: relative; padding-left: var(--spacing-30);}
.radio_box_wrap .radio_box.lg label:before { content: ""; width: var(--spacing-20); height: var(--spacing-20); border-radius: 50%; border: 1px solid var(--color-gray7_01); position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; background: #fff}
.radio_box_wrap .radio_box.lg input[type='radio']:checked + label:before { background: var(--color-white); border: 1px solid var(--color-blue_01);}
.radio_box_wrap .radio_box.lg input[type='radio']:checked + label:after{ content: ""; width: var(--spacing-8); height: var(--spacing-8); border-radius: 50%; background: var(--color-blue_01); position: absolute; left: 0.45rem; top: 50%; transform: translateY(-50%); z-index: 2}

.checkbox_group{ display: flex; flex-wrap: wrap; gap: var(--spacing-10)}
.checkbox_group .opt_item{ position: relative}
.checkbox_group .opt_item input[type='checkbox']{ position: absolute; left: 50%; top: 50%; width: 1px; height: 1px; transform: translate(-50%,-50%)}
.checkbox_group .opt_item label{ height: var(--spacing-50); border-radius: var(--spacing-12); padding: 0 var(--spacing-20); font-size: var(--fz-20); font-weight: 600; display: inline-flex; align-items: center; color: var(--color-gray7_01); border: 1px solid var(--color-bd01); position: relative; z-index: 1; background: var(--color-white); line-height: +1.1}
.checkbox_group .opt_item input[type='checkbox']:checked + label{ color: var(--color-blue_01); border: 1px solid var(--color-blue_01);}

/* [S] 250605 퍼블 */
:disabled,
.disabled{ background-color: #E7E9EE !important; cursor: not-allowed; pointer-events: none}
/* [E] 250605 퍼블 */

/* [S] pagination_wrap */
.pagination_wrap { display: flex; align-items: center; justify-content: center}
.pagination_wrap .pagination_page { display: inline-flex; align-items: center; gap: var(--spacing-5); padding: 0 var(--spacing-10)}
.pagination_wrap .pagination_page .page_item{ width: var(--spacing-25); height: var(--spacing-25); border-radius: var(--spacing-3); font-size: var(--fz-14); color: var(--color-gray6); display: inline-flex; align-items: center; justify-content: center}
.pagination_wrap .pagination_page .page_item.on{ background: var(--color-blue_01); color: var(--color-white); font-weight: 600;}
.pagination_wrap .pagination_box_btn { width: var(--spacing-8); height: var(--spacing-35); display: flex; align-items: center; justify-content: center; background-position: center center; background-repeat: no-repeat; background-size: auto var(--spacing-8); margin: 0 0.2rem}
.pagination_wrap .btn_first { background-image: url("../img/icon/arr_pagination_first.svg")}
.pagination_wrap .btn_last { background-image: url("../img/icon/arr_pagination_last.svg")}
.pagination_wrap .btn_prev { background-image: url("../img/icon/arr_pagination_prev.svg")}
.pagination_wrap .btn_next { background-image: url("../img/icon/arr_pagination_next.svg")}
.pagination_wrap .move_wrap { display: flex; align-items: center; margin: 0 0.5rem; }
.pagination_wrap .move_wrap .current_page { width: var(--spacing-50); height: var(--spacing-40); border-radius: var(--spacing-5); border: 1px solid var(--color-bd01); padding: 0 var(--spacing-10); font-weight: 500; text-align: right}
.pagination_wrap .move_wrap .btn_move { width: var(--spacing-65); height: var(--spacing-35); border-radius: var(--spacing-35); font-size: var(--fz-14); margin-left: var(--spacing-15); font-weight: 500; background: var(--color-gray6); color: var(--color-white); display: inline-flex !important; padding-top: 0 !important;}
.pagination_wrap .move_wrap .slash,
.pagination_wrap .move_wrap .total { font-size: var(--fz-16); color: var(--color-gray6);}
.pagination_wrap .move_wrap .slash { margin: 0 var(--spacing-10)}
/* [E] pagination_wrap */

/* [S] 250528 퍼블 수정 */
/* [S] no_result */
.no_result{ text-align: center; padding: var(--spacing-150) 0 var(--spacing-50) 0; font-size: var(--fz-20); color: var(--color-gray5); font-weight: 600; width: 100%; background: url(../../images/noResult.png) no-repeat center var(--spacing-35); background-size: var(--spacing-100) auto; background-color: #fff}
/* [E] no_result */

/* [S] 250605 퍼블 */ 
.search_prompt_box{ text-align: center; padding: var(--spacing-150) 0 var(--spacing-50) 0; font-size: var(--fz-20); color: var(--color-gray5); font-weight: 600; width: 100%; background: url('../img/icon/ic_search_prompt_img.png') no-repeat center var(--spacing-35); background-size: var(--spacing-100) auto; background-color: #fff}
/* [E] 250605 퍼블 */

.float_block:after{ content: ""; width: 100%; height: 1px; display: block; clear: both}

/* align */
.al{ text-align: left}
.ar{ text-align: right}
.ac{ text-align: center}

/* none */
.af_none:after{ display: none !important;}
.bf_none:before{ display: none !important;}
.bd_none{ border: none}
.bdt_none{ border-top: none}
.bdb_none{ border-bottom: none}
.bdl_none{ border-left: none}
.bdr_none{ border-right: none}
.bdt { border-top: solid 1px var(--color-bd04)}
.bdb { border-bottom: solid 1px var(--color-bd04)}
.bdl { border-left: solid 1px var(--color-bd04)}
.bdr { border-right: solid 1px var(--color-bd04)}

/* slick common */
.slick-slider { -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide { display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-list { overflow:hidden; }
.slick-list.dragging { cursor:pointer; }
.slick-initialized .slick-slide { display:inline-block; overflow:hidden; }
.slick-arrow.slick-hidden { opacity:.5; cursor:none; }
.slick-current { opacity:1; display:block; }
.slick-track { position:relative; left:0; top:0; display:block; }

/* line-height */
.lh_10{ line-height: 1.0}
.lh_11{ line-height: 1.1}
.lh_12{ line-height: 1.2}
.lh_13{ line-height: 1.3}
.lh_14{ line-height: 1.4}
.lh_15{ line-height: 1.5}
.lh_16{ line-height: 1.6}
.lh_17{ line-height: 1.7}
.lh_18{ line-height: 1.8}
.lh_19{ line-height: 1.9}
.lh_20{ line-height: 2}

/* ctg */
.ctg_wrap{ flex-shrink: 0; display: flex; align-items: center; gap: var(--spacing-10)}
.ctg{ padding: 0 var(--spacing-20); height: var(--spacing-40); border-radius: var(--spacing-20); font-size: var(--fz-18); display: inline-flex; align-items: center; justify-content: center; line-height: 1; flex-shrink: 0}
.ctg_green_ty01{ border: 1px solid var(--color-green_01); color: var(--color-green_01); background: var(--color-green_01_01)}
.ctg_gray_ty01{ border: 1px solid var(--color-black); color: var(--color-black); background: var(--color-black_01_01)}
.ctg_ty02{ font-weight: 700; font-size: var(--fz-18); padding-right: var(--spacing-10); line-height: 1.2}
.ctg_ty02.ty_green{ color: var(--color-green_01); border-right: 1px solid var(--color-green_01);}

/* btn */
.btn_wrap{ display: flex; gap: var(--spacing-10)}
.btn_wrap_s{ display: flex; gap: var(--spacing-5)}
.btn_wrap.col,
.btn_wrap_s.col{ flex-flow: column}
.btn_wrap.ar{ justify-content: flex-end}
.btn_wrap.al{ justify-content: flex-start}
.btn_wrap.sb{ justify-content: space-between}
.btn_wrap.ac{ justify-content: center}
.btn{ display: inline-flex; align-items: center; justify-content: center; border-radius: var(--spacing-5)}
.btn_corner_s{ border-radius: var(--spacing-5)}
.btn_corner_r{ border-radius: var(--spacing-12)}
.btn_corner_md{ border-radius: var(--spacing-15)}
.btn_xs{}
.btn_s{ height: var(--spacing-20); padding: 0 var(--spacing-10) !important; font-size: var(--fz-12); display: inline-flex !important;}
.btn_s02{ height: var(--spacing-25); padding: 0 var(--spacing-15) !important; font-size: var(--fz-14); display: inline-flex !important;}
.btn_r{ height: var(--spacing-30); padding: 0 var(--spacing-15) !important; font-size: var(--fz-16); display: inline-flex !important;}
.btn_md{ height: var(--spacing-40); padding: 0 var(--spacing-20) !important; font-size: var(--fz-16); gap: var(--spacing-8); display: inline-flex !important;}
.btn_md02{ height: var(--spacing-45); padding: 0 var(--spacing-20) !important; font-size: var(--fz-16); gap: var(--spacing-8); display: inline-flex !important;}
.btn_md03{ height: var(--spacing-50); padding: 0 var(--spacing-20) !important; font-size: var(--fz-18); gap: var(--spacing-8); display: inline-flex !important;}
.btn_lg{ height: var(--spacing-50); padding: 0 var(--spacing-25) !important; font-size: var(--fz-20); font-weight: 600; display: inline-flex !important;}
.btn_xl{ height: var(--spacing-70); padding: 0 var(--spacing-25) !important; font-size: var(--fz-22); font-weight: 600; display: inline-flex !important;}
.btn_btm_lg{ height: var(--spacing-65); padding: 0 var(--spacing-40) !important; font-size: var(--fz-22); font-weight: 600; gap: var(--spacing-14); display: inline-flex !important; background-image: none !important;}
.btn_pd_s{ padding: 0 var(--spacing-10) !important;}

.more_btn{ margin-top: var(--spacing-55); display: inline-flex !important;}

.hover_eff{ transition: all 0.3s ease}

/* icon */
/* [S] 십자가 아이콘 */
.icon_cross { display: inline-block; width: var(--spacing-16); height: var(--spacing-16); position: relative; }
.icon_cross::before, .icon_cross::after { content: ""; position: absolute; background-color: var(--color-black); }
.icon_cross::before { top: 50%; left: 0; width: 100%; height: var(--spacing-2); transform: translateY(-50%); }
.icon_cross::after { top: 0; left: 50%; width: var(--spacing-2); height: 100%; transform: translateX(-50%); }

.icon_cross.w::before, .icon_cross.w::after { background-color: var(--color-white); }
.icon_cross.blue::before, .icon_cross.blue::after { background-color: var(--color-blue_01); }
/* [E] 십자가 아이콘 */

/*color*/
.filter_w{ filter: grayscale(10) brightness(300)}

/* [S] opacity 0.05 ~ 1.0 (0.05 단위) */
.opa005 { opacity: 0.05; }
.opa01 { opacity: 0.1; }
.opa015 { opacity: 0.15; }
.opa02 { opacity: 0.2; }
.opa025 { opacity: 0.25; }
.opa03 { opacity: 0.3; }
.opa035 { opacity: 0.35; }
.opa04 { opacity: 0.4; }
.opa045 { opacity: 0.45; }
.opa05 { opacity: 0.5; }
.opa055 { opacity: 0.55; }
.opa06 { opacity: 0.6; }
.opa065 { opacity: 0.65; }
.opa07 { opacity: 0.7; }
.opa075 { opacity: 0.75; }
.opa08 { opacity: 0.8; }
.opa085 { opacity: 0.85; }
.opa09 { opacity: 0.9; }
.opa095 { opacity: 0.95; }
.opa10 { opacity: 1; }
/* [E] opacity 0.05 ~ 1.0 (0.05 단위) */

/* Green */
.c_green_01, .btn.c_green_01:hover, .btn.c_green_01:focus { color: var(--color-green_01) !important; background-color: transparent}
.bg_green_01, .btn.bg_green_01:hover, .btn.bg_green_01:focus { background-color: var(--color-green_01) !important; }
.bd_green_01, .btn.bd_green_01:hover, .btn.bd_green_01:focus { border: 1px solid var(--color-green_01) !important; background-color: transparent}

.c_green_02, .btn.c_green_02:hover, .btn.c_green_02:focus { color: var(--color-green_02) !important; background-color: transparent}
.bg_green_02, .btn.bg_green_02:hover, .btn.bg_green_02:focus { background-color: var(--color-green_02) !important; }
.bd_green_02, .btn.bd_green_02:hover, .btn.bd_green_02:focus { border: 1px solid var(--color-green_02) !important; background-color: transparent}

.c_green_03, .btn.c_green_03:hover, .btn.c_green_03:focus { color: var(--color-green_03) !important; background-color: transparent}
.bg_green_03, .btn.bg_green_03:hover, .btn.bg_green_03:focus { background-color: var(--color-green_03) !important; }
.bd_green_03, .btn.bd_green_03:hover, .btn.bd_green_03:focus { border: 1px solid var(--color-green_03) !important; background-color: transparent}

/* Blue */
.c_blue_01, .btn.c_blue_01:hover, .btn.c_blue_01:focus { color: var(--color-blue_01) !important; background-color: transparent}
.bg_blue_01, .btn.bg_blue_01:hover, .btn.bg_blue_01:focus { background-color: var(--color-blue_01) !important; }
.bd_blue_01, .btn.bd_blue_01:hover, .btn.bd_blue_01:focus { border: 1px solid var(--color-blue_01) !important; background-color: transparent}

.c_blue_01_01, .btn.c_blue_01_01:hover, .btn.c_blue_01_01:focus { color: var(--color-blue_01_01) !important; background-color: transparent}
.bg_blue_01_01, .btn.bg_blue_01_01:hover, .btn.bg_blue_01_01:focus { background-color: var(--color-blue_01_01) !important; }
.bd_blue_01_01, .btn.bd_blue_01_01:hover, .btn.bd_blue_01_01:focus { border: 1px solid var(--color-blue_01_01) !important; background-color: transparent}

.c_blue_02, .btn.c_blue_02:hover, .btn.c_blue_02:focus { color: var(--color-blue_02) !important; background-color: transparent}
.bg_blue_02, .btn.bg_blue_02:hover, .btn.bg_blue_02:focus { background-color: var(--color-blue_02) !important; }
.bd_blue_02, .btn.bd_blue_02:hover, .btn.bd_blue_02:focus { border: 1px solid var(--color-blue_02) !important; background-color: transparent}

.c_blue_03, .btn.c_blue_03:hover, .btn.c_blue_03:focus { color: var(--color-blue_03) !important; background-color: transparent}
.bg_blue_03, .btn.bg_blue_03:hover, .btn.bg_blue_03:focus { background-color: var(--color-blue_03) !important; }
.bd_blue_03, .btn.bd_blue_03:hover, .btn.bd_blue_03:focus { border: 1px solid var(--color-blue_03) !important; background-color: transparent}

.c_blue_04, .btn.c_blue_04:hover, .btn.c_blue_04:focus { color: var(--color-blue_04) !important; background-color: transparent}
.bg_blue_04, .btn.bg_blue_04:hover, .btn.bg_blue_04:focus { background-color: var(--color-blue_04) !important; }
.bd_blue_04, .btn.bd_blue_04:hover, .btn.bd_blue_04:focus { border: 1px solid var(--color-blue_04) !important; background-color: transparent}

.c_blue_05, .btn.c_blue_05:hover, .btn.c_blue_05:focus { color: var(--color-blue_05) !important; background-color: transparent}
.bg_blue_05, .btn.bg_blue_05:hover, .btn.bg_blue_05:focus { background-color: var(--color-blue_05) !important; }
.bd_blue_05, .btn.bd_blue_05:hover, .btn.bd_blue_05:focus { border: 1px solid var(--color-blue_05) !important; background-color: transparent}

.c_blue_06, .btn.c_blue_06:hover, .btn.c_blue_06:focus { color: var(--color-blue_06) !important; background-color: transparent}
.bg_blue_06, .btn.bg_blue_06:hover, .btn.bg_blue_06:focus { background-color: var(--color-blue_06) !important; }
.bd_blue_06, .btn.bd_blue_06:hover, .btn.bd_blue_06:focus { border: 1px solid var(--color-blue_06) !important; background-color: transparent}

.c_blue_07, .btn.c_blue_07:hover, .btn.c_blue_07:focus { color: var(--color-blue_07) !important; background-color: transparent}
.bg_blue_07, .btn.bg_blue_07:hover, .btn.bg_blue_07:focus { background-color: var(--color-blue_07) !important; }
.bd_blue_07, .btn.bd_blue_07:hover, .btn.bd_blue_07:focus { border: 1px solid var(--color-blue_07) !important; background-color: transparent}

.c_blue_08, .btn.c_blue_08:hover, .btn.c_blue_08:focus { color: var(--color-blue_08) !important; background-color: transparent}
.bg_blue_08, .btn.bg_blue_08:hover, .btn.bg_blue_08:focus { background-color: var(--color-blue_08) !important; }
.bd_blue_08, .btn.bd_blue_08:hover, .btn.bd_blue_08:focus { border: 1px solid var(--color-blue_08) !important; background-color: transparent}

.c_blue_09, .btn.c_blue_09:hover, .btn.c_blue_09:focus { color: var(--color-blue_09) !important; background-color: transparent}
.bg_blue_09, .btn.bg_blue_09:hover, .btn.bg_blue_09:focus { background-color: var(--color-blue_09) !important; }
.bd_blue_09, .btn.bd_blue_09:hover, .btn.bd_blue_09:focus { border: 1px solid var(--color-blue_09) !important; background-color: transparent}

.c_blue_10, .btn.c_blue_10:hover, .btn.c_blue_10:focus { color: var(--color-blue_10) !important; background-color: transparent}
.bg_blue_10, .btn.bg_blue_10:hover, .btn.bg_blue_10:focus { background-color: var(--color-blue_10) !important; }
.bd_blue_10, .btn.bd_blue_10:hover, .btn.bd_blue_10:focus { border: 1px solid var(--color-blue_10) !important; background-color: transparent}

.c_blue_10_01, .btn.c_blue_10_01:hover, .btn.c_blue_10_01:focus { color: var(--color-blue_10_01) !important; background-color: transparent}
.bg_blue_10_01, .btn.bg_blue_10_01:hover, .btn.bg_blue_10_01:focus { background-color: var(--color-blue_10_01) !important; }
.bd_blue_10_01, .btn.bd_blue_10_01:hover, .btn.bd_blue_10_01:focus { border: 1px solid var(--color-blue_10_01) !important; background-color: transparent}
/* Red */
.c_red_01, .btn.c_red_01:hover, .btn.c_red_01:focus { color: var(--color-red_01) !important; background-color: transparent}
.bg_red_01, .btn.bg_red_01:hover, .btn.bg_red_01:focus { background-color: var(--color-red_01) !important; }
.bd_red_01, .btn.bd_red_01:hover, .btn.bd_red_01:focus { border: 1px solid var(--color-red_01) !important; background-color: transparent}
.c_red_01_01, .btn.c_red_01_01:hover, .btn.c_red_01_01:focus { color: var(--color-red_01_01) !important; background-color: transparent}
.bg_red_01_01, .btn.bg_red_01_01:hover, .btn.bg_red_01_01:focus { background-color: var(--color-red_01_01) !important; }
.bd_red_01_01, .btn.bd_red_01_01:hover, .btn.bd_red_01_01:focus { border: 1px solid var(--color-red_01_01) !important; background-color: transparent}

/* Black */
.c_black, .btn.c_black:hover, .btn.c_black:focus { color: var(--color-black) !important; background-color: transparent}
.bg_black, .btn.bg_black:hover, .btn.bg_black:focus { background-color: var(--color-black) !important; }
.bd_black, .btn.bd_black:hover, .btn.bd_black:focus { border: 1px solid var(--color-black) !important; background-color: transparent}

/* White */
.c_white, .btn.c_white:hover, .btn.c_white:focus { color: var(--color-white) !important; background-color: transparent}
.bg_white, .btn.bg_white:hover, .btn.bg_white:focus { background-color: var(--color-white) !important; }
.bd_white, .btn.bd_white:hover, .btn.bd_white:focus { border: 1px solid var(--color-white) !important; background-color: transparent}

/* Gray */
.c_grayb2, .btn.c_grayb2:hover, .btn.c_grayb2:focus { color: var(--color-grayb2) !important; background-color: transparent}
.bg_grayb2, .btn.bg_grayb2:hover, .btn.bg_grayb2:focus { background-color: var(--color-grayb2) !important; }
.bd_grayb2, .btn.bd_grayb2:hover, .btn.bd_grayb2:focus { border: 1px solid var(--color-grayb2) !important; background-color: transparent}

.c_grayd4, .btn.c_grayd4:hover, .btn.c_grayd4:focus { color: var(--color-grayd4) !important; background-color: transparent}
.bg_grayd4, .btn.bg_grayd4:hover, .btn.bg_grayd4:focus { background-color: var(--color-grayd4) !important; }
.bd_grayd4, .btn.bd_grayd4:hover, .btn.bd_grayd4:focus { border: 1px solid var(--color-grayd4) !important; background-color: transparent}

.c_grayf2_01, .btn.c_grayf2_01:hover, .btn.c_grayf2_01:focus { color: var(--color-grayf2_01) !important; background-color: transparent}
.bg_grayf2_01, .btn.bg_grayf2_01:hover, .btn.bg_grayf2_01:focus { background-color: var(--color-grayf2_01) !important; }
.bd_grayf2_01, .btn.bd_grayf2_01:hover, .btn.bd_grayf2_01:focus { border: 1px solid var(--color-grayf2_01) !important; background-color: transparent}

.c_grayf4, .btn.c_grayf4:hover, .btn.c_grayf4:focus { color: var(--color-grayf4) !important; background-color: transparent}
.bg_grayf4, .btn.bg_grayf4:hover, .btn.bg_grayf4:focus { background-color: var(--color-grayf4) !important; }
.bd_grayf4, .btn.bd_grayf4:hover, .btn.bd_grayf4:focus { border: 1px solid var(--color-grayf4) !important; background-color: transparent}

.c_grayf5, .btn.c_grayf5:hover, .btn.c_grayf5:focus { color: var(--color-grayf5) !important; background-color: transparent}
.bg_grayf5, .btn.bg_grayf5:hover, .btn.bg_grayf5:focus { background-color: var(--color-grayf5) !important; }
.bd_grayf5, .btn.bd_grayf5:hover, .btn.bd_grayf5:focus { border: 1px solid var(--color-grayf5) !important; background-color: transparent}

.c_grayf8, .btn.c_grayf8:hover, .btn.c_grayf8:focus { color: var(--color-grayf8) !important; background-color: transparent}
.bg_grayf8, .btn.bg_grayf8:hover, .btn.bg_grayf8:focus { background-color: var(--color-grayf8) !important; }
.bd_grayf8, .btn.bd_grayf8:hover, .btn.bd_grayf8:focus { border: 1px solid var(--color-grayf8) !important; background-color: transparent}

.c_gray1, .btn.c_gray1:hover, .btn.c_gray1:focus { color: var(--color-gray1) !important; background-color: transparent}
.bg_gray1, .btn.bg_gray1:hover, .btn.bg_gray1:focus { background-color: var(--color-gray1) !important; }
.bd_gray1, .btn.bd_gray1:hover, .btn.bd_gray1:focus { border: 1px solid var(--color-gray1) !important; background-color: transparent}

.c_gray2, .btn.c_gray2:hover, .btn.c_gray2:focus { color: var(--color-gray2) !important; background-color: transparent}
.bg_gray2, .btn.bg_gray2:hover, .btn.bg_gray2:focus { background-color: var(--color-gray2) !important; }
.bd_gray2, .btn.bd_gray2:hover, .btn.bd_gray2:focus { border: 1px solid var(--color-gray2) !important; background-color: transparent}

.c_gray2b, .btn.c_gray2b:hover, .btn.c_gray2b:focus { color: var(--color-gray2b) !important; background-color: transparent}
.bg_gray2b, .btn.bg_gray2b:hover, .btn.bg_gray2b:focus { background-color: var(--color-gray2b) !important; }
.bd_gray2b, .btn.bd_gray2b:hover, .btn.bd_gray2b:focus { border: 1px solid var(--color-gray2b) !important; background-color: transparent}

.c_gray2_01, .btn.c_gray2_01:hover, .btn.c_gray2_01:focus { color: var(--color-gray2_01) !important; background-color: transparent}
.bg_gray2_01, .btn.bg_gray2_01:hover, .btn.bg_gray2_01:focus { background-color: var(--color-gray2_01) !important; }
.bd_gray2_01, .btn.bd_gray2_01:hover, .btn.bd_gray2_01:focus { border: 1px solid var(--color-gray2_01) !important; background-color: transparent}

.c_gray3, .btn.c_gray3:hover, .btn.c_gray3:focus { color: var(--color-gray3) !important; background-color: transparent}
.bg_gray3, .btn.bg_gray3:hover, .btn.bg_gray3:focus { background-color: var(--color-gray3) !important; }
.bd_gray3, .btn.bd_gray3:hover, .btn.bd_gray3:focus { border: 1px solid var(--color-gray3) !important; background-color: transparent}

.c_gray4, .btn.c_gray4:hover, .btn.c_gray4:focus { color: var(--color-gray4) !important; background-color: transparent}
.bg_gray4, .btn.bg_gray4:hover, .btn.bg_gray4:focus { background-color: var(--color-gray4) !important; }
.bd_gray4, .btn.bd_gray4:hover, .btn.bd_gray4:focus { border: 1px solid var(--color-gray4) !important; background-color: transparent}

.c_gray5, .btn.c_gray5:hover, .btn.c_gray5:focus { color: var(--color-gray5) !important; background-color: transparent}
.bg_gray5, .btn.bg_gray5:hover, .btn.bg_gray5:focus { background-color: var(--color-gray5) !important; }
.bd_gray5, .btn.bd_gray5:hover, .btn.bd_gray5:focus { border: 1px solid var(--color-gray5) !important; background-color: transparent}

.c_gray6, .btn.c_gray6:hover, .btn.c_gray6:focus { color: var(--color-gray6) !important; background-color: transparent}
.bg_gray6, .btn.bg_gray6:hover, .btn.bg_gray6:focus { background-color: var(--color-gray6) !important; }
.bd_gray6, .btn.bd_gray6:hover, .btn.bd_gray6:focus { border: 1px solid var(--color-gray6) !important; background-color: transparent}

.c_gray7, .btn.c_gray7:hover, .btn.c_gray7:focus { color: var(--color-gray7) !important; background-color: transparent}
.bg_gray7, .btn.bg_gray7:hover, .btn.bg_gray7:focus { background-color: var(--color-gray7) !important; }
.bd_gray7, .btn.bd_gray7:hover, .btn.bd_gray7:focus { border: 1px solid var(--color-gray7) !important; background-color: transparent}

.c_gray7_01, .btn.c_gray7_01:hover, .btn.c_gray7_01:focus { color: var(--color-gray7_01) !important; background-color: transparent}
.bg_gray7_01, .btn.bg_gray7_01:hover, .btn.bg_gray7_01:focus { background-color: var(--color-gray7_01) !important; }
.bd_gray7_01, .btn.bd_gray7_01:hover, .btn.bd_gray7_01:focus { border: 1px solid var(--color-gray7_01) !important; background-color: transparent}

.c_gray8, .btn.c_gray8:hover, .btn.c_gray8:focus { color: var(--color-gray8) !important; background-color: transparent}
.bg_gray8, .btn.bg_gray8:hover, .btn.bg_gray8:focus { background-color: var(--color-gray8) !important; }
.bd_gray8, .btn.bd_gray8:hover, .btn.bd_gray8:focus { border: 1px solid var(--color-gray8) !important; background-color: transparent}

.c_gray9, .btn.c_gray9:hover, .btn.c_gray9:focus { color: var(--color-gray9) !important; background-color: transparent}
.bg_gray9, .btn.bg_gray9:hover, .btn.bg_gray9:focus { background-color: var(--color-gray9) !important; }
.bd_gray9, .btn.bd_gray9:hover, .btn.bd_gray9:focus { border: 1px solid var(--color-gray9) !important; background-color: transparent}

.c_gray9a, .btn.c_gray9a:hover, .btn.c_gray9a:focus { color: var(--color-gray9a) !important; background-color: transparent}
.bg_gray9a, .btn.bg_gray9a:hover, .btn.bg_gray9a:focus { background-color: var(--color-gray9a) !important; }
.bd_gray9a, .btn.bd_gray9a:hover, .btn.bd_gray9a:focus { border: 1px solid var(--color-gray9a) !important; background-color: transparent}

.c_grayc1, .btn.c_grayc1:hover, .btn.c_grayc1:focus { color: var(--color-grayc1) !important; background-color: transparent}
.bg_grayc1, .btn.bg_grayc1:hover, .btn.bg_grayc1:focus { background-color: var(--color-grayc1) !important; }
.bd_grayc1, .btn.bd_grayc1:hover, .btn.bd_grayc1:focus { border: 1px solid var(--color-grayc1) !important; background-color: transparent}

.c_grayc3, .btn.c_grayc3:hover, .btn.c_grayc3:focus { color: var(--color-grayc3) !important; background-color: transparent}
.bg_grayc3, .btn.bg_grayc3:hover, .btn.bg_grayc3:focus { background-color: var(--color-grayc3) !important; }
.bd_grayc3, .btn.bd_grayc3:hover, .btn.bd_grayc3:focus { border: 1px solid var(--color-grayc3) !important; background-color: transparent}

.c_graydf, .btn.c_graydf:hover, .btn.c_graydf:focus { color: var(--color-graydf) !important; background-color: transparent}
.bg_graydf, .btn.bg_graydf:hover, .btn.bg_graydf:focus { background-color: var(--color-graydf) !important; }
.bd_graydf, .btn.bd_graydf:hover, .btn.bd_graydf:focus { border: 1px solid var(--color-graydf) !important; background-color: transparent}

.c_graye8, .btn.c_graye8:hover, .btn.c_graye8:focus { color: var(--color-graye8) !important; background-color: transparent}
.bg_graye8, .btn.bg_graye8:hover, .btn.bg_graye8:focus { background-color: var(--color-graye8) !important; }
.bd_graye8, .btn.bd_graye8:hover, .btn.bd_graye8:focus { border: 1px solid var(--color-graye8) !important; background-color: transparent}

.c_graye9_01, .btn.c_graye9_01:hover, .btn.c_graye9_01:focus { color: var(--color-graye9_01) !important; background-color: transparent}
.bg_graye9_01, .btn.bg_graye9_01:hover, .btn.bg_graye9_01:focus { background-color: var(--color-graye9_01) !important; }
.bd_graye9_01, .btn.bd_graye9_01:hover, .btn.bd_graye9_01:focus { border: 1px solid var(--color-graye9_01) !important; background-color: transparent}

/* Brown */
.c_brown_01, .btn.c_brown_01:hover, .btn.c_brown_01:focus { color: var(--color-brown_01) !important; background-color: transparent}
.bg_brown_01, .btn.bg_brown_01:hover, .btn.bg_brown_01:focus { background-color: var(--color-brown_01) !important; }
.bd_brown_01, .btn.bd_brown_01:hover, .btn.bd_brown_01:focus { border: 1px solid var(--color-brown_01) !important; background-color: transparent}

.c_brown_01_01, .btn.c_brown_01_01:hover, .btn.c_brown_01_01:focus { color: var(--color-brown_01_01) !important; background-color: transparent}
.bg_brown_01_01, .btn.bg_brown_01_01:hover, .btn.bg_brown_01_01:focus { background-color: var(--color-brown_01_01) !important; }
.bd_brown_01_01, .btn.bd_brown_01_01:hover, .btn.bd_brown_01_01:focus { border: 1px solid var(--color-brown_01_01) !important; background-color: transparent}

.c_brown_02, .btn.c_brown_02:hover, .btn.c_brown_02:focus { color: var(--color-brown_02) !important; background-color: transparent}
.bg_brown_02, .btn.bg_brown_02:hover, .btn.bg_brown_02:focus { background-color: var(--color-brown_02) !important; }
.bd_brown_02, .btn.bd_brown_02:hover, .btn.bd_brown_02:focus { border: 1px solid var(--color-brown_02) !important; background-color: transparent}

.btn.hover_ty01:focus,
.btn.hover_ty01:hover{ background: var(--color-green_01) !important; color: var(--color-white) !important;}
.btn.hover_ty02:focus,
.btn.hover_ty02:hover{ background: var(--color-blue_01) !important;; color: var(--color-white) !important;}

/* [S] datepicker */
.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 { text-align: center; width: 1.6rem; height: 2rem}
.ui-datepicker-calendar { width: 100%}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { top: 50% !important;}

.datepicker { width: 100%; min-height: 345px;}
.datepicker * { font-family: "notosans", sans-serif !important;}
.ui-datepicker .ui-datepicker-header { background: transparent; border: none; padding-bottom: 1rem; color: #131313; border-bottom: 1px solid var(--color-bd04);}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {background-image: none}

.ui-widget.ui-widget-content th { font-size: 0.8rem; color: #666; padding: 0.5rem 0.2rem}
.ui-widget.ui-widget-content td { padding: 0.5rem 0.2rem; text-align: center; font-size: 0.8rem; color: #000;}
.ui-widget.ui-widget-content td a { display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto; font-weight: 600; padding-bottom: 0.2rem}
.ui-widget.ui-widget-content td a.ui-state-highlight { background: #F8F8F8; color: #131313}
.ui-widget.ui-widget-content td a.ui-state-active { background: #fff; border: 1px solid #000; border-radius: 0.2rem; box-shadow: 0px 0px 5px #00000033;}
.ui-datepicker .ui-datepicker-header { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 0.75rem;}
.ui-datepicker-title { height: 2.5rem; border-radius: 1.25rem; color: #fff; font-size: 0.9rem; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 0.25rem}
.ui-datepicker-title select { height: 2rem; width: var(--spacing-60); color: var(--color-gray3); padding-left: 5px; background-position: center right var(--spacing-5)}
.ui-datepicker-next,
.ui-datepicker-prev { width: 2rem; height: 2rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -0.5rem}
.ui-datepicker-next {background: url("../img/icon/arr_main_sc_next.svg") no-repeat center / 100% auto; margin-left: 6rem}
.ui-datepicker-prev {background: url("../img/icon/arr_main_sc_prev.svg") no-repeat center / 100% auto; margin-left: -6rem}
.ui-datepicker-next .ui-icon,
.ui-datepicker-prev .ui-icon { display: none}
.ui-state-default {margin: 0 auto;}
.ui-widget.ui-widget-content { padding: 1rem; border-radius: 0.5rem; border: 1px solid var(--color-bd04); background: #fff; z-index: 3; display: none}

.cal_open_wrap { display: flex; align-items: center; position: relative}
.cal_open_wrap.ae { align-items: flex-end}
.cal_open_wrap span { flex-shrink: 0; margin: 0 0.5rem}
.cal_open_box{ display: flex; min-width: var(--spacing-145); height: var(--spacing-50); font-size: var(--fz-15); padding: 0 var(--spacing-10); border: 1px solid var(--color-bd04); border-radius: var(--spacing-3)}
.cal_open_box .cal_open{ background: var(--color-white); width: 100%; padding-right: var(--spacing-10)}
.cal_open_box .cal_open_btn{ flex-shrink: 0; width: var(--spacing-20); height: 100%; background: var(--color-white) url("../img/icon/ic_cal.svg") no-repeat center; position: relative; z-index: 2; touch-action: manipulation; /* 모바일 터치 대응 */}
.cal_open{ background: var(--color-white) url("../img/icon/ic_cal.svg") no-repeat center right var(--spacing-15); padding-right: var(--spacing-35); position: relative; text-align: left}
/* [E] datepicker */

/* flex */
.flex{ display: flex}
.flex_col{ display: flex; flex-flow: column}
.flex_col_rv{ display: flex; flex-flow: column wrap-reverse}
.flex_wrap{ display: flex; flex-wrap: wrap}
.flex_now{ display: flex; flex-wrap: nowrap}
.flex_ac{ display: flex; align-items: center}
.flex_as{ display: flex; align-items: flex-start}
.flex_ae{ display: flex; align-items: flex-end}
.flex_jc{ display: flex; justify-content: center}
.flex_js{ display: flex; justify-content: flex-start}
.flex_je{ display: flex; justify-content: flex-end}
.flex_jsb{ display: flex; justify-content: space-between}
.flex_sh0{ flex-shrink: 0}

/* grid */
.grid{ display: grid}
.grid_2{ grid-template-columns: repeat(2,1fr)}
.grid_3{ grid-template-columns: repeat(3,1fr)}
.grid_4{ grid-template-columns: repeat(4,1fr)}
.grid_5{ grid-template-columns: repeat(5,1fr)}
.grid_6{ grid-template-columns: repeat(6,1fr)}

/* gap */
.gap_0{ gap: 0}
.gap_5{ gap: var(--spacing-5)}
.gap_10{ gap: var(--spacing-10)}
.gap_15{ gap: var(--spacing-15)}
.gap_20{ gap: var(--spacing-20)}
.gap_25{ gap: var(--spacing-25)}
.gap_30{ gap: var(--spacing-30)}
.gap_35{ gap: var(--spacing-35)}
.gap_40{ gap: var(--spacing-40)}
.gap_45{ gap: var(--spacing-45)}
.gap_50{ gap: var(--spacing-50)}
.gap_60{ gap: var(--spacing-60)}

/* order */
.order_0 { order: 0; }
.order_1 { order: 1; }
.order_2 { order: 2; }
.order_3 { order: 3; }
.order_4 { order: 4; }
.order_5 { order: 5; }
.order_6 { order: 6; }
.order_7 { order: 7; }
.order_8 { order: 8; }
.order_9 { order: 9; }
.order_10 { order: 10; }

/* font style */
.fw_l{ font-weight: 300 !important;}
.fw_r{ font-weight: 400 !important;}
.fw_md{ font-weight: 500 !important;}
.fw_sb{ font-weight: 600 !important;}
.fw_b{ font-weight: 700 !important;}
.fw_eb{ font-weight: 900 !important;}

.t_i_d5 { text-indent: calc(-1 * var(--spacing-5)); }
.t_i_d10 { text-indent: calc(-1 * var(--spacing-10)); }
.t_i_d15 { text-indent: calc(-1 * var(--spacing-15)); }
.t_i_d20 { text-indent: calc(-1 * var(--spacing-20)); }
.t_i_0 { text-indent: 0; }
.t_i_10 { text-indent: var(--spacing-10); }
.t_i_15 { text-indent: var(--spacing-15); }
.t_i_20 { text-indent: var(--spacing-20); }

.underline{ text-decoration: underline !important; text-underline-position: under}

/* font size */
.fz_12 { font-size: 0.75rem; }  /* 12px */
.fz_13 { font-size: 0.8125rem; }  /* 13px */
.fz_14 { font-size: 0.875rem; }  /* 14px */
.fz_15 { font-size: 0.9375rem; }  /* 15px */
.fz_16 { font-size: 1rem; }  /* 16px */
.fz_17 { font-size: 1.0625rem; }  /* 17px */
.fz_18 { font-size: 1.125rem; }  /* 18px */
.fz_19 { font-size: 1.1875rem; }  /* 19px */
.fz_20 { font-size: 1.25rem; }  /* 20px */
.fz_21 { font-size: 1.3125rem; }  /* 21px */
.fz_22 { font-size: 1.375rem; }  /* 22px */
.fz_23 { font-size: 1.4375rem; }  /* 23px */
.fz_24 { font-size: 1.5rem; }  /* 24px */
.fz_25 { font-size: 1.5625rem; }  /* 25px */
.fz_26 { font-size: 1.625rem; }  /* 26px */
.fz_27 { font-size: 1.6875rem; }  /* 27px */
.fz_28 { font-size: 1.75rem; }  /* 28px */
.fz_29 { font-size: 1.8125rem; }  /* 29px */
.fz_30 { font-size: 1.875rem; }  /* 30px */
.fz_31 { font-size: 1.9375rem; }  /* 31px */
.fz_32 { font-size: 2rem; }  /* 32px */
.fz_33 { font-size: 2.0625rem; }  /* 33px */
.fz_34 { font-size: 2.125rem; }  /* 34px */
.fz_35 { font-size: 2.1875rem; }  /* 35px */
.fz_36 { font-size: 2.25rem; }  /* 36px */
.fz_37 { font-size: 2.3125rem; }  /* 37px */
.fz_38 { font-size: 2.375rem; }  /* 38px */
.fz_39 { font-size: 2.4375rem; }  /* 39px */
.fz_40 { font-size: 2.5rem; }  /* 40px */

/* ellipsis */
.ellipsis{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.ellipsis.line02{ max-height: 3em; line-height: 1.5em; -webkit-line-clamp:2; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.ellipsis.line03{ max-height: 4.5em; line-height: 1.5em; -webkit-line-clamp:3; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.ellipsis.line04{ max-height: 6em; line-height: 1.5em; -webkit-line-clamp:4; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.ellipsis.line05{ max-height: 7.5em; line-height: 1.5em; -webkit-line-clamp:5; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.ellipsis.line06{ max-height: 9em; line-height: 1.5em; -webkit-line-clamp:6; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.ellipsis.line07{ max-height: 10.5em; line-height: 1.5em; -webkit-line-clamp:7; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.ellipsis.line08{ max-height: 12em; line-height: 1.5em; -webkit-line-clamp:8; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.ellipsis.line09{ max-height: 13.5em; line-height: 1.5em; -webkit-line-clamp:9; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}
.ellipsis.line10{ max-height: 15em; line-height: 1.5em; -webkit-line-clamp:10; white-space: initial; -webkit-box-orient:vertical; display: -webkit-box; overflow: hidden}

/* trigger */
.trigger_wrap{ position: relative}
.trigger_wrap .trigger_toggle{ display: none}
.trigger_wrap.open .trigger_toggle{ display: block}

/* table */
table{ table-layout: fixed}

/* tab */
.tab_con{ display: none}
.tab_con.on{ display: block}

/* width */
.w_5p { width: 5%; }
.w_10p { width: 10%; }
.w_15p { width: 15%; }
.w_20p { width: 20%; }
.w_25p { width: 25%; }
.w_30p { width: 30%; }
.w_35p { width: 35%; }
.w_40p { width: 40%; }
.w_45p { width: 45%; }
.w_50p { width: 50%; }
.w_55p { width: 55%; }
.w_60p { width: 60%; }
.w_65p { width: 65%; }
.w_70p { width: 70%; }
.w_75p { width: 75%; }
.w_80p { width: 80%; }
.w_85p { width: 85%; }
.w_90p { width: 90%; }
.w_95p { width: 95%; }
.w_100p { width: 100%; }

.w_10 { width: var(--spacing-10); }
.w_20 { width: var(--spacing-20); }
.w_30 { width: var(--spacing-30); }
.w_40 { width: var(--spacing-40); }
.w_50 { width: var(--spacing-50); }
.w_60 { width: var(--spacing-60); }
.w_70 { width: var(--spacing-70); }
.w_80 { width: var(--spacing-80); }
.w_90 { width: var(--spacing-90); }
.w_100 { width: var(--spacing-100); }
.w_110 { width: var(--spacing-110); }
.w_120 { width: var(--spacing-120); }
.w_130 { width: var(--spacing-130); }
.w_140 { width: var(--spacing-140); }
.w_150 { width: var(--spacing-150); }
.w_160 { width: var(--spacing-160); }
.w_170 { width: var(--spacing-170); }
.w_180 { width: var(--spacing-180); }
.w_190 { width: var(--spacing-190); }
.w_200 { width: var(--spacing-200); }
.w_210 { width: var(--spacing-210); }
.w_220 { width: var(--spacing-220); }
.w_230 { width: var(--spacing-230); }
.w_240 { width: var(--spacing-240); }
.w_250 { width: var(--spacing-250); }
.w_260 { width: var(--spacing-260); }
.w_270 { width: var(--spacing-270); }
.w_280 { width: var(--spacing-280); }
.w_290 { width: var(--spacing-290); }
.w_300 { width: var(--spacing-300); }
.w_310 { width: var(--spacing-310); }
.w_320 { width: var(--spacing-320); }
.w_330 { width: var(--spacing-330); }
.w_340 { width: var(--spacing-340); }
.w_350 { width: var(--spacing-350); }
.w_360 { width: var(--spacing-360); }
.w_370 { width: var(--spacing-370); }
.w_380 { width: var(--spacing-380); }
.w_390 { width: var(--spacing-390); }
.w_400 { width: var(--spacing-400); }
.w_410 { width: var(--spacing-410); }
.w_420 { width: var(--spacing-420); }
.w_430 { width: var(--spacing-430); }
.w_440 { width: var(--spacing-440); }
.w_450 { width: var(--spacing-450); }
.w_460 { width: var(--spacing-460); }
.w_470 { width: var(--spacing-470); }
.w_480 { width: var(--spacing-480); }
.w_490 { width: var(--spacing-490); }
.w_500 { width: var(--spacing-500); }

/* margin */
.mt_0{ margin-top: 0 !important;}
.mt_5 { margin-top: var(--spacing-5); }
.mt_5i { margin-top: var(--spacing-5) !important; }
.mt_10 { margin-top: var(--spacing-10); }
.mt_10i { margin-top: var(--spacing-10) !important; }
.mt_15 { margin-top: var(--spacing-15); }
.mt_15i { margin-top: var(--spacing-15) !important; }
.mt_20 { margin-top: var(--spacing-20); }
.mt_20i { margin-top: var(--spacing-20) !important; }
.mt_25 { margin-top: var(--spacing-25); }
.mt_25i { margin-top: var(--spacing-25) !important; }
.mt_30 { margin-top: var(--spacing-30); }
.mt_30i { margin-top: var(--spacing-30) !important; }
.mt_35 { margin-top: var(--spacing-35); }
.mt_35i { margin-top: var(--spacing-35) !important; }
.mt_40 { margin-top: var(--spacing-40); }
.mt_40i { margin-top: var(--spacing-40) !important; }
.mt_45 { margin-top: var(--spacing-45); }
.mt_45i { margin-top: var(--spacing-45) !important; }
.mt_50 { margin-top: var(--spacing-50); }
.mt_50i { margin-top: var(--spacing-50) !important; }
.mt_55 { margin-top: var(--spacing-55); }
.mt_55i { margin-top: var(--spacing-55) !important; }
.mt_60 { margin-top: var(--spacing-60); }
.mt_60i { margin-top: var(--spacing-60) !important; }
.mt_65 { margin-top: var(--spacing-65); }
.mt_65i { margin-top: var(--spacing-65) !important; }
.mt_70 { margin-top: var(--spacing-70); }
.mt_70i { margin-top: var(--spacing-70) !important; }
.mt_75 { margin-top: var(--spacing-75); }
.mt_75i { margin-top: var(--spacing-75) !important; }
.mt_80 { margin-top: var(--spacing-80); }
.mt_80i { margin-top: var(--spacing-80) !important; }
.mt_85 { margin-top: var(--spacing-85); }
.mt_85i { margin-top: var(--spacing-85) !important; }
.mt_90 { margin-top: var(--spacing-90); }
.mt_90i { margin-top: var(--spacing-90) !important; }
.mt_95 { margin-top: var(--spacing-95); }
.mt_95i { margin-top: var(--spacing-95) !important; }
.mt_100 { margin-top: var(--spacing-100); }
.mt_100i { margin-top: var(--spacing-100) !important; }

.mb_0{ margin-bottom: 0 !important;}
.mb_5 { margin-bottom: var(--spacing-5); }
.mb_5i { margin-bottom: var(--spacing-5) !important; }
.mb_10 { margin-bottom: var(--spacing-10); }
.mb_10i { margin-bottom: var(--spacing-10) !important; }
.mb_15 { margin-bottom: var(--spacing-15); }
.mb_15i { margin-bottom: var(--spacing-15) !important; }
.mb_20 { margin-bottom: var(--spacing-20); }
.mb_20i { margin-bottom: var(--spacing-20) !important; }
.mb_25 { margin-bottom: var(--spacing-25); }
.mb_25i { margin-bottom: var(--spacing-25) !important; }
.mb_30 { margin-bottom: var(--spacing-30); }
.mb_30i { margin-bottom: var(--spacing-30) !important; }
.mb_35 { margin-bottom: var(--spacing-35); }
.mb_35i { margin-bottom: var(--spacing-35) !important; }
.mb_40 { margin-bottom: var(--spacing-40); }
.mb_40i { margin-bottom: var(--spacing-40) !important; }
.mb_45 { margin-bottom: var(--spacing-45); }
.mb_45i { margin-bottom: var(--spacing-45) !important; }
.mb_50 { margin-bottom: var(--spacing-50); }
.mb_50i { margin-bottom: var(--spacing-50) !important; }
.mb_55 { margin-bottom: var(--spacing-55); }
.mb_55i { margin-bottom: var(--spacing-55) !important; }
.mb_60 { margin-bottom: var(--spacing-60); }
.mb_60i { margin-bottom: var(--spacing-60) !important; }
.mb_65 { margin-bottom: var(--spacing-65); }
.mb_65i { margin-bottom: var(--spacing-65) !important; }
.mb_70 { margin-bottom: var(--spacing-70); }
.mb_70i { margin-bottom: var(--spacing-70) !important; }
.mb_75 { margin-bottom: var(--spacing-75); }
.mb_75i { margin-bottom: var(--spacing-75) !important; }
.mb_80 { margin-bottom: var(--spacing-80); }
.mb_80i { margin-bottom: var(--spacing-80) !important; }
.mb_85 { margin-bottom: var(--spacing-85); }
.mb_85i { margin-bottom: var(--spacing-85) !important; }
.mb_90 { margin-bottom: var(--spacing-90); }
.mb_90i { margin-bottom: var(--spacing-90) !important; }
.mb_95 { margin-bottom: var(--spacing-95); }
.mb_95i { margin-bottom: var(--spacing-95) !important; }
.mb_100 { margin-bottom: var(--spacing-100); }
.mb_100i { margin-bottom: var(--spacing-100) !important; }

.ml_0 { margin-left: 0 !important; }
.ml_5 { margin-left: var(--spacing-5); }
.ml_5i { margin-left: var(--spacing-5) !important; }
.ml_10 { margin-left: var(--spacing-10); }
.ml_10i { margin-left: var(--spacing-10) !important; }
.ml_15 { margin-left: var(--spacing-15); }
.ml_15i { margin-left: var(--spacing-15) !important; }
.ml_20 { margin-left: var(--spacing-20); }
.ml_20i { margin-left: var(--spacing-20) !important; }
.ml_25 { margin-left: var(--spacing-25); }
.ml_25i { margin-left: var(--spacing-25) !important; }
.ml_30 { margin-left: var(--spacing-30); }
.ml_30i { margin-left: var(--spacing-30) !important; }
.ml_35 { margin-left: var(--spacing-35); }
.ml_35i { margin-left: var(--spacing-35) !important; }
.ml_40 { margin-left: var(--spacing-40); }
.ml_40i { margin-left: var(--spacing-40) !important; }
.ml_45 { margin-left: var(--spacing-45); }
.ml_45i { margin-left: var(--spacing-45) !important; }
.ml_50 { margin-left: var(--spacing-50); }
.ml_50i { margin-left: var(--spacing-50) !important; }
.ml_55 { margin-left: var(--spacing-55); }
.ml_55i { margin-left: var(--spacing-55) !important; }
.ml_60 { margin-left: var(--spacing-60); }
.ml_60i { margin-left: var(--spacing-60) !important; }
.ml_65 { margin-left: var(--spacing-65); }
.ml_65i { margin-left: var(--spacing-65) !important; }
.ml_70 { margin-left: var(--spacing-70); }
.ml_70i { margin-left: var(--spacing-70) !important; }
.ml_75 { margin-left: var(--spacing-75); }
.ml_75i { margin-left: var(--spacing-75) !important; }
.ml_80 { margin-left: var(--spacing-80); }
.ml_80i { margin-left: var(--spacing-80) !important; }
.ml_85 { margin-left: var(--spacing-85); }
.ml_85i { margin-left: var(--spacing-85) !important; }
.ml_90 { margin-left: var(--spacing-90); }
.ml_90i { margin-left: var(--spacing-90) !important; }
.ml_95 { margin-left: var(--spacing-95); }
.ml_95i { margin-left: var(--spacing-95) !important; }
.ml_100 { margin-left: var(--spacing-100); }
.ml_100i { margin-left: var(--spacing-100) !important; }

.mr_0 { margin-right: 0 !important; }
.mr_5 { margin-right: var(--spacing-5); }
.mr_5i { margin-right: var(--spacing-5) !important; }
.mr_10 { margin-right: var(--spacing-10); }
.mr_10i { margin-right: var(--spacing-10) !important; }
.mr_15 { margin-right: var(--spacing-15); }
.mr_15i { margin-right: var(--spacing-15) !important; }
.mr_20 { margin-right: var(--spacing-20); }
.mr_20i { margin-right: var(--spacing-20) !important; }
.mr_25 { margin-right: var(--spacing-25); }
.mr_25i { margin-right: var(--spacing-25) !important; }
.mr_30 { margin-right: var(--spacing-30); }
.mr_30i { margin-right: var(--spacing-30) !important; }
.mr_35 { margin-right: var(--spacing-35); }
.mr_35i { margin-right: var(--spacing-35) !important; }
.mr_40 { margin-right: var(--spacing-40); }
.mr_40i { margin-right: var(--spacing-40) !important; }
.mr_45 { margin-right: var(--spacing-45); }
.mr_45i { margin-right: var(--spacing-45) !important; }
.mr_50 { margin-right: var(--spacing-50); }
.mr_50i { margin-right: var(--spacing-50) !important; }
.mr_55 { margin-right: var(--spacing-55); }
.mr_55i { margin-right: var(--spacing-55) !important; }
.mr_60 { margin-right: var(--spacing-60); }
.mr_60i { margin-right: var(--spacing-60) !important; }
.mr_65 { margin-right: var(--spacing-65); }
.mr_65i { margin-right: var(--spacing-65) !important; }
.mr_70 { margin-right: var(--spacing-70); }
.mr_70i { margin-right: var(--spacing-70) !important; }
.mr_75 { margin-right: var(--spacing-75); }
.mr_75i { margin-right: var(--spacing-75) !important; }
.mr_80 { margin-right: var(--spacing-80); }
.mr_80i { margin-right: var(--spacing-80) !important; }
.mr_85 { margin-right: var(--spacing-85); }
.mr_85i { margin-right: var(--spacing-85) !important; }
.mr_90 { margin-right: var(--spacing-90); }
.mr_90i { margin-right: var(--spacing-90) !important; }
.mr_95 { margin-right: var(--spacing-95); }
.mr_95i { margin-right: var(--spacing-95) !important; }
.mr_100 { margin-right: var(--spacing-100); }
.mr_100i { margin-right: var(--spacing-100) !important; }

/* padding */
.pt_0 { padding-top: 0 !important; }
.pt_5 { padding-top: var(--spacing-5); }
.pt_5i { padding-top: var(--spacing-5) !important; }
.pt_10 { padding-top: var(--spacing-10); }
.pt_10i { padding-top: var(--spacing-10) !important; }
.pt_15 { padding-top: var(--spacing-15); }
.pt_15i { padding-top: var(--spacing-15) !important; }
.pt_20 { padding-top: var(--spacing-20); }
.pt_20i { padding-top: var(--spacing-20) !important; }
.pt_25 { padding-top: var(--spacing-25); }
.pt_25i { padding-top: var(--spacing-25) !important; }
.pt_30 { padding-top: var(--spacing-30); }
.pt_30i { padding-top: var(--spacing-30) !important; }
.pt_35 { padding-top: var(--spacing-35); }
.pt_35i { padding-top: var(--spacing-35) !important; }
.pt_40 { padding-top: var(--spacing-40); }
.pt_40i { padding-top: var(--spacing-40) !important; }
.pt_45 { padding-top: var(--spacing-45); }
.pt_45i { padding-top: var(--spacing-45) !important; }
.pt_50 { padding-top: var(--spacing-50); }
.pt_50i { padding-top: var(--spacing-50) !important; }
.pt_55 { padding-top: var(--spacing-55); }
.pt_55i { padding-top: var(--spacing-55) !important; }
.pt_60 { padding-top: var(--spacing-60); }
.pt_60i { padding-top: var(--spacing-60) !important; }
.pt_65 { padding-top: var(--spacing-65); }
.pt_65i { padding-top: var(--spacing-65) !important; }
.pt_70 { padding-top: var(--spacing-70); }
.pt_70i { padding-top: var(--spacing-70) !important; }
.pt_75 { padding-top: var(--spacing-75); }
.pt_75i { padding-top: var(--spacing-75) !important; }
.pt_80 { padding-top: var(--spacing-80); }
.pt_80i { padding-top: var(--spacing-80) !important; }
.pt_85 { padding-top: var(--spacing-85); }
.pt_85i { padding-top: var(--spacing-85) !important; }
.pt_90 { padding-top: var(--spacing-90); }
.pt_90i { padding-top: var(--spacing-90) !important; }
.pt_95 { padding-top: var(--spacing-95); }
.pt_95i { padding-top: var(--spacing-95) !important; }
.pt_100 { padding-top: var(--spacing-100); }
.pt_100i { padding-top: var(--spacing-100) !important; }

.pb_0 { padding-bottom: 0 !important; }
.pb_5 { padding-bottom: var(--spacing-5); }
.pb_5i { padding-bottom: var(--spacing-5) !important; }
.pb_10 { padding-bottom: var(--spacing-10); }
.pb_10i { padding-bottom: var(--spacing-10) !important; }
.pb_15 { padding-bottom: var(--spacing-15); }
.pb_15i { padding-bottom: var(--spacing-15) !important; }
.pb_20 { padding-bottom: var(--spacing-20); }
.pb_20i { padding-bottom: var(--spacing-20) !important; }
.pb_25 { padding-bottom: var(--spacing-25); }
.pb_25i { padding-bottom: var(--spacing-25) !important; }
.pb_30 { padding-bottom: var(--spacing-30); }
.pb_30i { padding-bottom: var(--spacing-30) !important; }
.pb_35 { padding-bottom: var(--spacing-35); }
.pb_35i { padding-bottom: var(--spacing-35) !important; }
.pb_40 { padding-bottom: var(--spacing-40); }
.pb_40i { padding-bottom: var(--spacing-40) !important; }
.pb_45 { padding-bottom: var(--spacing-45); }
.pb_45i { padding-bottom: var(--spacing-45) !important; }
.pb_50 { padding-bottom: var(--spacing-50); }
.pb_50i { padding-bottom: var(--spacing-50) !important; }
.pb_55 { padding-bottom: var(--spacing-55); }
.pb_55i { padding-bottom: var(--spacing-55) !important; }
.pb_60 { padding-bottom: var(--spacing-60); }
.pb_60i { padding-bottom: var(--spacing-60) !important; }
.pb_65 { padding-bottom: var(--spacing-65); }
.pb_65i { padding-bottom: var(--spacing-65) !important; }
.pb_70 { padding-bottom: var(--spacing-70); }
.pb_70i { padding-bottom: var(--spacing-70) !important; }
.pb_75 { padding-bottom: var(--spacing-75); }
.pb_75i { padding-bottom: var(--spacing-75) !important; }
.pb_80 { padding-bottom: var(--spacing-80); }
.pb_80i { padding-bottom: var(--spacing-80) !important; }
.pb_85 { padding-bottom: var(--spacing-85); }
.pb_85i { padding-bottom: var(--spacing-85) !important; }
.pb_90 { padding-bottom: var(--spacing-90); }
.pb_90i { padding-bottom: var(--spacing-90) !important; }
.pb_95 { padding-bottom: var(--spacing-95); }
.pb_95i { padding-bottom: var(--spacing-95) !important; }
.pb_100 { padding-bottom: var(--spacing-100); }
.pb_100i { padding-bottom: var(--spacing-100) !important; }

.pl_0 { padding-left: 0 !important; }
.pl_5 { padding-left: var(--spacing-5); }
.pl_5i { padding-left: var(--spacing-5) !important; }
.pl_10 { padding-left: var(--spacing-10); }
.pl_10i { padding-left: var(--spacing-10) !important; }
.pl_15 { padding-left: var(--spacing-15); }
.pl_15i { padding-left: var(--spacing-15) !important; }
.pl_20 { padding-left: var(--spacing-20); }
.pl_20i { padding-left: var(--spacing-20) !important; }
.pl_25 { padding-left: var(--spacing-25); }
.pl_25i { padding-left: var(--spacing-25) !important; }
.pl_30 { padding-left: var(--spacing-30); }
.pl_30i { padding-left: var(--spacing-30) !important; }
.pl_35 { padding-left: var(--spacing-35); }
.pl_35i { padding-left: var(--spacing-35) !important; }
.pl_40 { padding-left: var(--spacing-40); }
.pl_40i { padding-left: var(--spacing-40) !important; }
.pl_45 { padding-left: var(--spacing-45); }
.pl_45i { padding-left: var(--spacing-45) !important; }
.pl_50 { padding-left: var(--spacing-50); }
.pl_50i { padding-left: var(--spacing-50) !important; }
.pl_55 { padding-left: var(--spacing-55); }
.pl_55i { padding-left: var(--spacing-55) !important; }
.pl_60 { padding-left: var(--spacing-60); }
.pl_60i { padding-left: var(--spacing-60) !important; }
.pl_65 { padding-left: var(--spacing-65); }
.pl_65i { padding-left: var(--spacing-65) !important; }
.pl_70 { padding-left: var(--spacing-70); }
.pl_70i { padding-left: var(--spacing-70) !important; }
.pl_75 { padding-left: var(--spacing-75); }
.pl_75i { padding-left: var(--spacing-75) !important; }
.pl_80 { padding-left: var(--spacing-80); }
.pl_80i { padding-left: var(--spacing-80) !important; }
.pl_85 { padding-left: var(--spacing-85); }
.pl_85i { padding-left: var(--spacing-85) !important; }
.pl_90 { padding-left: var(--spacing-90); }
.pl_90i { padding-left: var(--spacing-90) !important; }
.pl_95 { padding-left: var(--spacing-95); }
.pl_95i { padding-left: var(--spacing-95) !important; }
.pl_100 { padding-left: var(--spacing-100); }
.pl_100i { padding-left: var(--spacing-100) !important; }

.pr_0 { padding-right: 0 !important; }
.pr_5 { padding-right: var(--spacing-5); }
.pr_5i { padding-right: var(--spacing-5) !important; }
.pr_10 { padding-right: var(--spacing-10); }
.pr_10i { padding-right: var(--spacing-10) !important; }
.pr_15 { padding-right: var(--spacing-15); }
.pr_15i { padding-right: var(--spacing-15) !important; }
.pr_20 { padding-right: var(--spacing-20); }
.pr_20i { padding-right: var(--spacing-20) !important; }
.pr_25 { padding-right: var(--spacing-25); }
.pr_25i { padding-right: var(--spacing-25) !important; }
.pr_30 { padding-right: var(--spacing-30); }
.pr_30i { padding-right: var(--spacing-30) !important; }
.pr_35 { padding-right: var(--spacing-35); }
.pr_35i { padding-right: var(--spacing-35) !important; }
.pr_40 { padding-right: var(--spacing-40); }
.pr_40i { padding-right: var(--spacing-40) !important; }
.pr_45 { padding-right: var(--spacing-45); }
.pr_45i { padding-right: var(--spacing-45) !important; }
.pr_50 { padding-right: var(--spacing-50); }
.pr_50i { padding-right: var(--spacing-50) !important; }
.pr_55 { padding-right: var(--spacing-55); }
.pr_55i { padding-right: var(--spacing-55) !important; }
.pr_60 { padding-right: var(--spacing-60); }
.pr_60i { padding-right: var(--spacing-60) !important; }
.pr_65 { padding-right: var(--spacing-65); }
.pr_65i { padding-right: var(--spacing-65) !important; }
.pr_70 { padding-right: var(--spacing-70); }
.pr_70i { padding-right: var(--spacing-70) !important; }
.pr_75 { padding-right: var(--spacing-75); }
.pr_75i { padding-right: var(--spacing-75) !important; }
.pr_80 { padding-right: var(--spacing-80); }
.pr_80i { padding-right: var(--spacing-80) !important; }
.pr_85 { padding-right: var(--spacing-85); }
.pr_85i { padding-right: var(--spacing-85) !important; }
.pr_90 { padding-right: var(--spacing-90); }
.pr_90i { padding-right: var(--spacing-90) !important; }
.pr_95 { padding-right: var(--spacing-95); }
.pr_95i { padding-right: var(--spacing-95) !important; }
.pr_100 { padding-right: var(--spacing-100); }
.pr_100i { padding-right: var(--spacing-100) !important; }

/* position */
.position_r{ position: relative}
.position_s{ position: static}

/* show & hide */
.tab_show,
.tab_show_f,
.tab_show_ib,
.mo_show,
.mo_show_f,
.mo_show_ib{ display: none}

@media(max-width:1024px){
  body,html{ font-size: 14px;}

  .inner{ padding: 0 var(--spacing-30)}

  /* btn */
  .tab_btn_r{ height: var(--spacing-40)}
  
  .btn_wrap.tab_col,
  .btn_wrap_s.tab_col{ flex-flow: column}
  
  .btn_wrap.tab_row,
  .btn_wrap_s.tab_row{ flex-flow: row}

  /* tab */
  .tab_hidden{ display: none !important;}
  .tab_show{ display: block}
  .tab_show_f{ display: flex}
  .tab_show_ib{ display: inline-block}

  /* flex */
  .tab_flex{ display: flex}
  .tab_flex_1{ flex: 1}
  .tab_flex_col{ flex-flow: column}
  .tab_flex_col_rv{ flex-flow: column wrap-reverse}
  .tab_flex_wrap{ flex-wrap: wrap}
  .tab_flex_now{ flex-wrap: nowrap}
  .tab_flex_ac{ align-items: center}
  .tab_flex_as{ align-items: flex-start}
  .tab_flex_ae{ align-items: flex-end}
  .tab_flex_jc{ justify-content: center}
  .tab_flex_js{ justify-content: flex-start}
  .tab_flex_je{ justify-content: flex-end}
  .tab_flex_jsb{ justify-content: space-between}
  .tab_flex_sh0{ flex-shrink: 0}

  /* grid */
  .tab_grid{ display: grid}
  .tab_grid_1{ grid-template-columns: repeat(1,1fr)}
  .tab_grid_2{ grid-template-columns: repeat(2,1fr)}
  .tab_grid_3{ grid-template-columns: repeat(3,1fr)}
  .tab_grid_4{ grid-template-columns: repeat(4,1fr)}
  .tab_grid_5{ grid-template-columns: repeat(5,1fr)}
  .tab_grid_6{ grid-template-columns: repeat(6,1fr)}

  /* gap */
  .tab_gap_0{ gap: var(--spacing-0) !important;}
  .tab_gap_5{ gap: var(--spacing-5) !important;}
  .tab_gap_10{ gap: var(--spacing-10) !important;}
  .tab_gap_15{ gap: var(--spacing-15) !important;}
  .tab_gap_20{ gap: var(--spacing-20) !important;}
  .tab_gap_25{ gap: var(--spacing-25) !important;}
  .tab_gap_30{ gap: var(--spacing-30) !important;}
  .tab_gap_35{ gap: var(--spacing-35) !important;}
  .tab_gap_40{ gap: var(--spacing-40) !important;}
  .tab_gap_45{ gap: var(--spacing-45) !important;}
  .tab_gap_50{ gap: var(--spacing-50) !important;}

  /* order */
  .tab_order_0 { order: 0; }
  .tab_order_1 { order: 1; }
  .tab_order_2 { order: 2; }
  .tab_order_3 { order: 3; }
  .tab_order_4 { order: 4; }
  .tab_order_5 { order: 5; }
  .tab_order_6 { order: 6; }
  .tab_order_7 { order: 7; }
  .tab_order_8 { order: 8; }
  .tab_order_9 { order: 9; }
  .tab_order_10 { order: 10; }

  /* width */
  .tab_w_10 { width: var(--spacing-10); }
  .tab_w_20 { width: var(--spacing-20); }
  .tab_w_30 { width: var(--spacing-30); }
  .tab_w_40 { width: var(--spacing-40); }
  .tab_w_50 { width: var(--spacing-50); }
  .tab_w_60 { width: var(--spacing-60); }
  .tab_w_70 { width: var(--spacing-70); }
  .tab_w_80 { width: var(--spacing-80); }
  .tab_w_90 { width: var(--spacing-90); }
  .tab_w_100 { width: var(--spacing-100); }
  .tab_w_110 { width: var(--spacing-110); }
  .tab_w_120 { width: var(--spacing-120); }
  .tab_w_130 { width: var(--spacing-130); }
  .tab_w_140 { width: var(--spacing-140); }
  .tab_w_150 { width: var(--spacing-150); }
  .tab_w_160 { width: var(--spacing-160); }
  .tab_w_170 { width: var(--spacing-170); }
  .tab_w_180 { width: var(--spacing-180); }
  .tab_w_190 { width: var(--spacing-190); }
  .tab_w_200 { width: var(--spacing-200); }
  .tab_w_210 { width: var(--spacing-210); }
  .tab_w_220 { width: var(--spacing-220); }
  .tab_w_230 { width: var(--spacing-230); }
  .tab_w_240 { width: var(--spacing-240); }
  .tab_w_250 { width: var(--spacing-250); }
  .tab_w_260 { width: var(--spacing-260); }
  .tab_w_270 { width: var(--spacing-270); }
  .tab_w_280 { width: var(--spacing-280); }
  .tab_w_290 { width: var(--spacing-290); }
  .tab_w_300 { width: var(--spacing-300); }
  .tab_w_310 { width: var(--spacing-310); }
  .tab_w_320 { width: var(--spacing-320); }
  .tab_w_330 { width: var(--spacing-330); }
  .tab_w_340 { width: var(--spacing-340); }
  .tab_w_350 { width: var(--spacing-350); }
  .tab_w_360 { width: var(--spacing-360); }
  .tab_w_370 { width: var(--spacing-370); }
  .tab_w_380 { width: var(--spacing-380); }
  .tab_w_390 { width: var(--spacing-390); }
  .tab_w_400 { width: var(--spacing-400); }
  .tab_w_410 { width: var(--spacing-410); }
  .tab_w_420 { width: var(--spacing-420); }
  .tab_w_430 { width: var(--spacing-430); }
  .tab_w_440 { width: var(--spacing-440); }
  .tab_w_450 { width: var(--spacing-450); }
  .tab_w_460 { width: var(--spacing-460); }
  .tab_w_470 { width: var(--spacing-470); }
  .tab_w_480 { width: var(--spacing-480); }
  .tab_w_490 { width: var(--spacing-490); }
  .tab_w_500 { width: var(--spacing-500); }

  /* margin */
  .tab_mt_0{ margin-top: 0 !important;}
  .tab_mt_5 { margin-top: var(--spacing-5); }
  .tab_mt_5i { margin-top: var(--spacing-5) !important; }
  .tab_mt_10 { margin-top: var(--spacing-10); }
  .tab_mt_10i { margin-top: var(--spacing-10) !important; }
  .tab_mt_15 { margin-top: var(--spacing-15); }
  .tab_mt_15i { margin-top: var(--spacing-15) !important; }
  .tab_mt_20 { margin-top: var(--spacing-20); }
  .tab_mt_20i { margin-top: var(--spacing-20) !important; }
  .tab_mt_25 { margin-top: var(--spacing-25); }
  .tab_mt_25i { margin-top: var(--spacing-25) !important; }
  .tab_mt_30 { margin-top: var(--spacing-30); }
  .tab_mt_30i { margin-top: var(--spacing-30) !important; }
  .tab_mt_35 { margin-top: var(--spacing-35); }
  .tab_mt_35i { margin-top: var(--spacing-35) !important; }
  .tab_mt_40 { margin-top: var(--spacing-40); }
  .tab_mt_40i { margin-top: var(--spacing-40) !important; }
  .tab_mt_45 { margin-top: var(--spacing-45); }
  .tab_mt_45i { margin-top: var(--spacing-45) !important; }
  .tab_mt_50 { margin-top: var(--spacing-50); }
  .tab_mt_50i { margin-top: var(--spacing-50) !important; }
  .tab_mt_55 { margin-top: var(--spacing-55); }
  .tab_mt_55i { margin-top: var(--spacing-55) !important; }
  .tab_mt_60 { margin-top: var(--spacing-60); }
  .tab_mt_60i { margin-top: var(--spacing-60) !important; }
  .tab_mt_65 { margin-top: var(--spacing-65); }
  .tab_mt_65i { margin-top: var(--spacing-65) !important; }
  .tab_mt_70 { margin-top: var(--spacing-70); }
  .tab_mt_70i { margin-top: var(--spacing-70) !important; }
  .tab_mt_75 { margin-top: var(--spacing-75); }
  .tab_mt_75i { margin-top: var(--spacing-75) !important; }
  .tab_mt_80 { margin-top: var(--spacing-80); }
  .tab_mt_80i { margin-top: var(--spacing-80) !important; }
  .tab_mt_85 { margin-top: var(--spacing-85); }
  .tab_mt_85i { margin-top: var(--spacing-85) !important; }
  .tab_mt_90 { margin-top: var(--spacing-90); }
  .tab_mt_90i { margin-top: var(--spacing-90) !important; }
  .tab_mt_95 { margin-top: var(--spacing-95); }
  .tab_mt_95i { margin-top: var(--spacing-95) !important; }
  .tab_mt_100 { margin-top: var(--spacing-100); }
  .tab_mt_100i { margin-top: var(--spacing-100) !important; }

  .tab_mb_0{ margin-bottom: 0 !important;}
  .tab_mb_5 { margin-bottom: var(--spacing-5); }
  .tab_mb_5i { margin-bottom: var(--spacing-5) !important; }
  .tab_mb_10 { margin-bottom: var(--spacing-10); }
  .tab_mb_10i { margin-bottom: var(--spacing-10) !important; }
  .tab_mb_15 { margin-bottom: var(--spacing-15); }
  .tab_mb_15i { margin-bottom: var(--spacing-15) !important; }
  .tab_mb_20 { margin-bottom: var(--spacing-20); }
  .tab_mb_20i { margin-bottom: var(--spacing-20) !important; }
  .tab_mb_25 { margin-bottom: var(--spacing-25); }
  .tab_mb_25i { margin-bottom: var(--spacing-25) !important; }
  .tab_mb_30 { margin-bottom: var(--spacing-30); }
  .tab_mb_30i { margin-bottom: var(--spacing-30) !important; }
  .tab_mb_35 { margin-bottom: var(--spacing-35); }
  .tab_mb_35i { margin-bottom: var(--spacing-35) !important; }
  .tab_mb_40 { margin-bottom: var(--spacing-40); }
  .tab_mb_40i { margin-bottom: var(--spacing-40) !important; }
  .tab_mb_45 { margin-bottom: var(--spacing-45); }
  .tab_mb_45i { margin-bottom: var(--spacing-45) !important; }
  .tab_mb_50 { margin-bottom: var(--spacing-50); }
  .tab_mb_50i { margin-bottom: var(--spacing-50) !important; }
  .tab_mb_55 { margin-bottom: var(--spacing-55); }
  .tab_mb_55i { margin-bottom: var(--spacing-55) !important; }
  .tab_mb_60 { margin-bottom: var(--spacing-60); }
  .tab_mb_60i { margin-bottom: var(--spacing-60) !important; }
  .tab_mb_65 { margin-bottom: var(--spacing-65); }
  .tab_mb_65i { margin-bottom: var(--spacing-65) !important; }
  .tab_mb_70 { margin-bottom: var(--spacing-70); }
  .tab_mb_70i { margin-bottom: var(--spacing-70) !important; }
  .tab_mb_75 { margin-bottom: var(--spacing-75); }
  .tab_mb_75i { margin-bottom: var(--spacing-75) !important; }
  .tab_mb_80 { margin-bottom: var(--spacing-80); }
  .tab_mb_80i { margin-bottom: var(--spacing-80) !important; }
  .tab_mb_85 { margin-bottom: var(--spacing-85); }
  .tab_mb_85i { margin-bottom: var(--spacing-85) !important; }
  .tab_mb_90 { margin-bottom: var(--spacing-90); }
  .tab_mb_90i { margin-bottom: var(--spacing-90) !important; }
  .tab_mb_95 { margin-bottom: var(--spacing-95); }
  .tab_mb_95i { margin-bottom: var(--spacing-95) !important; }
  .tab_mb_100 { margin-bottom: var(--spacing-100); }
  .tab_mb_100i { margin-bottom: var(--spacing-100) !important; }

  .tab_ml_0 { margin-left: 0 !important; }
  .tab_ml_5 { margin-left: var(--spacing-5); }
  .tab_ml_5i { margin-left: var(--spacing-5) !important; }
  .tab_ml_10 { margin-left: var(--spacing-10); }
  .tab_ml_10i { margin-left: var(--spacing-10) !important; }
  .tab_ml_15 { margin-left: var(--spacing-15); }
  .tab_ml_15i { margin-left: var(--spacing-15) !important; }
  .tab_ml_20 { margin-left: var(--spacing-20); }
  .tab_ml_20i { margin-left: var(--spacing-20) !important; }
  .tab_ml_25 { margin-left: var(--spacing-25); }
  .tab_ml_25i { margin-left: var(--spacing-25) !important; }
  .tab_ml_30 { margin-left: var(--spacing-30); }
  .tab_ml_30i { margin-left: var(--spacing-30) !important; }
  .tab_ml_35 { margin-left: var(--spacing-35); }
  .tab_ml_35i { margin-left: var(--spacing-35) !important; }
  .tab_ml_40 { margin-left: var(--spacing-40); }
  .tab_ml_40i { margin-left: var(--spacing-40) !important; }
  .tab_ml_45 { margin-left: var(--spacing-45); }
  .tab_ml_45i { margin-left: var(--spacing-45) !important; }
  .tab_ml_50 { margin-left: var(--spacing-50); }
  .tab_ml_50i { margin-left: var(--spacing-50) !important; }
  .tab_ml_55 { margin-left: var(--spacing-55); }
  .tab_ml_55i { margin-left: var(--spacing-55) !important; }
  .tab_ml_60 { margin-left: var(--spacing-60); }
  .tab_ml_60i { margin-left: var(--spacing-60) !important; }
  .tab_ml_65 { margin-left: var(--spacing-65); }
  .tab_ml_65i { margin-left: var(--spacing-65) !important; }
  .tab_ml_70 { margin-left: var(--spacing-70); }
  .tab_ml_70i { margin-left: var(--spacing-70) !important; }
  .tab_ml_75 { margin-left: var(--spacing-75); }
  .tab_ml_75i { margin-left: var(--spacing-75) !important; }
  .tab_ml_80 { margin-left: var(--spacing-80); }
  .tab_ml_80i { margin-left: var(--spacing-80) !important; }
  .tab_ml_85 { margin-left: var(--spacing-85); }
  .tab_ml_85i { margin-left: var(--spacing-85) !important; }
  .tab_ml_90 { margin-left: var(--spacing-90); }
  .tab_ml_90i { margin-left: var(--spacing-90) !important; }
  .tab_ml_95 { margin-left: var(--spacing-95); }
  .tab_ml_95i { margin-left: var(--spacing-95) !important; }
  .tab_ml_100 { margin-left: var(--spacing-100); }
  .tab_ml_100i { margin-left: var(--spacing-100) !important; }

  .tab_mr_0 { margin-right: 0 !important; }
  .tab_mr_5 { margin-right: var(--spacing-5); }
  .tab_mr_5i { margin-right: var(--spacing-5) !important; }
  .tab_mr_10 { margin-right: var(--spacing-10); }
  .tab_mr_10i { margin-right: var(--spacing-10) !important; }
  .tab_mr_15 { margin-right: var(--spacing-15); }
  .tab_mr_15i { margin-right: var(--spacing-15) !important; }
  .tab_mr_20 { margin-right: var(--spacing-20); }
  .tab_mr_20i { margin-right: var(--spacing-20) !important; }
  .tab_mr_25 { margin-right: var(--spacing-25); }
  .tab_mr_25i { margin-right: var(--spacing-25) !important; }
  .tab_mr_30 { margin-right: var(--spacing-30); }
  .tab_mr_30i { margin-right: var(--spacing-30) !important; }
  .tab_mr_35 { margin-right: var(--spacing-35); }
  .tab_mr_35i { margin-right: var(--spacing-35) !important; }
  .tab_mr_40 { margin-right: var(--spacing-40); }
  .tab_mr_40i { margin-right: var(--spacing-40) !important; }
  .tab_mr_45 { margin-right: var(--spacing-45); }
  .tab_mr_45i { margin-right: var(--spacing-45) !important; }
  .tab_mr_50 { margin-right: var(--spacing-50); }
  .tab_mr_50i { margin-right: var(--spacing-50) !important; }
  .tab_mr_55 { margin-right: var(--spacing-55); }
  .tab_mr_55i { margin-right: var(--spacing-55) !important; }
  .tab_mr_60 { margin-right: var(--spacing-60); }
  .tab_mr_60i { margin-right: var(--spacing-60) !important; }
  .tab_mr_65 { margin-right: var(--spacing-65); }
  .tab_mr_65i { margin-right: var(--spacing-65) !important; }
  .tab_mr_70 { margin-right: var(--spacing-70); }
  .tab_mr_70i { margin-right: var(--spacing-70) !important; }
  .tab_mr_75 { margin-right: var(--spacing-75); }
  .tab_mr_75i { margin-right: var(--spacing-75) !important; }
  .tab_mr_80 { margin-right: var(--spacing-80); }
  .tab_mr_80i { margin-right: var(--spacing-80) !important; }
  .tab_mr_85 { margin-right: var(--spacing-85); }
  .tab_mr_85i { margin-right: var(--spacing-85) !important; }
  .tab_mr_90 { margin-right: var(--spacing-90); }
  .tab_mr_90i { margin-right: var(--spacing-90) !important; }
  .tab_mr_95 { margin-right: var(--spacing-95); }
  .tab_mr_95i { margin-right: var(--spacing-95) !important; }
  .tab_mr_100 { margin-right: var(--spacing-100); }
  .tab_mr_100i { margin-right: var(--spacing-100) !important; }

  /* padding */
  .tab_pt_0 { padding-top: 0 !important; }
  .tab_pt_5 { padding-top: var(--spacing-5); }
  .tab_pt_5i { padding-top: var(--spacing-5) !important; }
  .tab_pt_10 { padding-top: var(--spacing-10); }
  .tab_pt_10i { padding-top: var(--spacing-10) !important; }
  .tab_pt_15 { padding-top: var(--spacing-15); }
  .tab_pt_15i { padding-top: var(--spacing-15) !important; }
  .tab_pt_20 { padding-top: var(--spacing-20); }
  .tab_pt_20i { padding-top: var(--spacing-20) !important; }
  .tab_pt_25 { padding-top: var(--spacing-25); }
  .tab_pt_25i { padding-top: var(--spacing-25) !important; }
  .tab_pt_30 { padding-top: var(--spacing-30); }
  .tab_pt_30i { padding-top: var(--spacing-30) !important; }
  .tab_pt_35 { padding-top: var(--spacing-35); }
  .tab_pt_35i { padding-top: var(--spacing-35) !important; }
  .tab_pt_40 { padding-top: var(--spacing-40); }
  .tab_pt_40i { padding-top: var(--spacing-40) !important; }
  .tab_pt_45 { padding-top: var(--spacing-45); }
  .tab_pt_45i { padding-top: var(--spacing-45) !important; }
  .tab_pt_50 { padding-top: var(--spacing-50); }
  .tab_pt_50i { padding-top: var(--spacing-50) !important; }
  .tab_pt_55 { padding-top: var(--spacing-55); }
  .tab_pt_55i { padding-top: var(--spacing-55) !important; }
  .tab_pt_60 { padding-top: var(--spacing-60); }
  .tab_pt_60i { padding-top: var(--spacing-60) !important; }
  .tab_pt_65 { padding-top: var(--spacing-65); }
  .tab_pt_65i { padding-top: var(--spacing-65) !important; }
  .tab_pt_70 { padding-top: var(--spacing-70); }
  .tab_pt_70i { padding-top: var(--spacing-70) !important; }
  .tab_pt_75 { padding-top: var(--spacing-75); }
  .tab_pt_75i { padding-top: var(--spacing-75) !important; }
  .tab_pt_80 { padding-top: var(--spacing-80); }
  .tab_pt_80i { padding-top: var(--spacing-80) !important; }
  .tab_pt_85 { padding-top: var(--spacing-85); }
  .tab_pt_85i { padding-top: var(--spacing-85) !important; }
  .tab_pt_90 { padding-top: var(--spacing-90); }
  .tab_pt_90i { padding-top: var(--spacing-90) !important; }
  .tab_pt_95 { padding-top: var(--spacing-95); }
  .tab_pt_95i { padding-top: var(--spacing-95) !important; }
  .tab_pt_100 { padding-top: var(--spacing-100); }
  .tab_pt_100i { padding-top: var(--spacing-100) !important; }

  .tab_pb_0 { padding-bottom: 0 !important; }
  .tab_pb_5 { padding-bottom: var(--spacing-5); }
  .tab_pb_5i { padding-bottom: var(--spacing-5) !important; }
  .tab_pb_10 { padding-bottom: var(--spacing-10); }
  .tab_pb_10i { padding-bottom: var(--spacing-10) !important; }
  .tab_pb_15 { padding-bottom: var(--spacing-15); }
  .tab_pb_15i { padding-bottom: var(--spacing-15) !important; }
  .tab_pb_20 { padding-bottom: var(--spacing-20); }
  .tab_pb_20i { padding-bottom: var(--spacing-20) !important; }
  .tab_pb_25 { padding-bottom: var(--spacing-25); }
  .tab_pb_25i { padding-bottom: var(--spacing-25) !important; }
  .tab_pb_30 { padding-bottom: var(--spacing-30); }
  .tab_pb_30i { padding-bottom: var(--spacing-30) !important; }
  .tab_pb_35 { padding-bottom: var(--spacing-35); }
  .tab_pb_35i { padding-bottom: var(--spacing-35) !important; }
  .tab_pb_40 { padding-bottom: var(--spacing-40); }
  .tab_pb_40i { padding-bottom: var(--spacing-40) !important; }
  .tab_pb_45 { padding-bottom: var(--spacing-45); }
  .tab_pb_45i { padding-bottom: var(--spacing-45) !important; }
  .tab_pb_50 { padding-bottom: var(--spacing-50); }
  .tab_pb_50i { padding-bottom: var(--spacing-50) !important; }
  .tab_pb_55 { padding-bottom: var(--spacing-55); }
  .tab_pb_55i { padding-bottom: var(--spacing-55) !important; }
  .tab_pb_60 { padding-bottom: var(--spacing-60); }
  .tab_pb_60i { padding-bottom: var(--spacing-60) !important; }
  .tab_pb_65 { padding-bottom: var(--spacing-65); }
  .tab_pb_65i { padding-bottom: var(--spacing-65) !important; }
  .tab_pb_70 { padding-bottom: var(--spacing-70); }
  .tab_pb_70i { padding-bottom: var(--spacing-70) !important; }
  .tab_pb_75 { padding-bottom: var(--spacing-75); }
  .tab_pb_75i { padding-bottom: var(--spacing-75) !important; }
  .tab_pb_80 { padding-bottom: var(--spacing-80); }
  .tab_pb_80i { padding-bottom: var(--spacing-80) !important; }
  .tab_pb_85 { padding-bottom: var(--spacing-85); }
  .tab_pb_85i { padding-bottom: var(--spacing-85) !important; }
  .tab_pb_90 { padding-bottom: var(--spacing-90); }
  .tab_pb_90i { padding-bottom: var(--spacing-90) !important; }
  .tab_pb_95 { padding-bottom: var(--spacing-95); }
  .tab_pb_95i { padding-bottom: var(--spacing-95) !important; }
  .tab_pb_100 { padding-bottom: var(--spacing-100); }
  .tab_pb_100i { padding-bottom: var(--spacing-100) !important; }

  .tab_pl_0 { padding-left: 0 !important; }
  .tab_pl_5 { padding-left: var(--spacing-5); }
  .tab_pl_5i { padding-left: var(--spacing-5) !important; }
  .tab_pl_10 { padding-left: var(--spacing-10); }
  .tab_pl_10i { padding-left: var(--spacing-10) !important; }
  .tab_pl_15 { padding-left: var(--spacing-15); }
  .tab_pl_15i { padding-left: var(--spacing-15) !important; }
  .tab_pl_20 { padding-left: var(--spacing-20); }
  .tab_pl_20i { padding-left: var(--spacing-20) !important; }
  .tab_pl_25 { padding-left: var(--spacing-25); }
  .tab_pl_25i { padding-left: var(--spacing-25) !important; }
  .tab_pl_30 { padding-left: var(--spacing-30); }
  .tab_pl_30i { padding-left: var(--spacing-30) !important; }
  .tab_pl_35 { padding-left: var(--spacing-35); }
  .tab_pl_35i { padding-left: var(--spacing-35) !important; }
  .tab_pl_40 { padding-left: var(--spacing-40); }
  .tab_pl_40i { padding-left: var(--spacing-40) !important; }
  .tab_pl_45 { padding-left: var(--spacing-45); }
  .tab_pl_45i { padding-left: var(--spacing-45) !important; }
  .tab_pl_50 { padding-left: var(--spacing-50); }
  .tab_pl_50i { padding-left: var(--spacing-50) !important; }
  .tab_pl_55 { padding-left: var(--spacing-55); }
  .tab_pl_55i { padding-left: var(--spacing-55) !important; }
  .tab_pl_60 { padding-left: var(--spacing-60); }
  .tab_pl_60i { padding-left: var(--spacing-60) !important; }
  .tab_pl_65 { padding-left: var(--spacing-65); }
  .tab_pl_65i { padding-left: var(--spacing-65) !important; }
  .tab_pl_70 { padding-left: var(--spacing-70); }
  .tab_pl_70i { padding-left: var(--spacing-70) !important; }
  .tab_pl_75 { padding-left: var(--spacing-75); }
  .tab_pl_75i { padding-left: var(--spacing-75) !important; }
  .tab_pl_80 { padding-left: var(--spacing-80); }
  .tab_pl_80i { padding-left: var(--spacing-80) !important; }
  .tab_pl_85 { padding-left: var(--spacing-85); }
  .tab_pl_85i { padding-left: var(--spacing-85) !important; }
  .tab_pl_90 { padding-left: var(--spacing-90); }
  .tab_pl_90i { padding-left: var(--spacing-90) !important; }
  .tab_pl_95 { padding-left: var(--spacing-95); }
  .tab_pl_95i { padding-left: var(--spacing-95) !important; }
  .tab_pl_100 { padding-left: var(--spacing-100); }
  .tab_pl_100i { padding-left: var(--spacing-100) !important; }

  .tab_pr_0 { padding-right: 0 !important; }
  .tab_pr_5 { padding-right: var(--spacing-5); }
  .tab_pr_5i { padding-right: var(--spacing-5) !important; }
  .tab_pr_10 { padding-right: var(--spacing-10); }
  .tab_pr_10i { padding-right: var(--spacing-10) !important; }
  .tab_pr_15 { padding-right: var(--spacing-15); }
  .tab_pr_15i { padding-right: var(--spacing-15) !important; }
  .tab_pr_20 { padding-right: var(--spacing-20); }
  .tab_pr_20i { padding-right: var(--spacing-20) !important; }
  .tab_pr_25 { padding-right: var(--spacing-25); }
  .tab_pr_25i { padding-right: var(--spacing-25) !important; }
  .tab_pr_30 { padding-right: var(--spacing-30); }
  .tab_pr_30i { padding-right: var(--spacing-30) !important; }
  .tab_pr_35 { padding-right: var(--spacing-35); }
  .tab_pr_35i { padding-right: var(--spacing-35) !important; }
  .tab_pr_40 { padding-right: var(--spacing-40); }
  .tab_pr_40i { padding-right: var(--spacing-40) !important; }
  .tab_pr_45 { padding-right: var(--spacing-45); }
  .tab_pr_45i { padding-right: var(--spacing-45) !important; }
  .tab_pr_50 { padding-right: var(--spacing-50); }
  .tab_pr_50i { padding-right: var(--spacing-50) !important; }
  .tab_pr_55 { padding-right: var(--spacing-55); }
  .tab_pr_55i { padding-right: var(--spacing-55) !important; }
  .tab_pr_60 { padding-right: var(--spacing-60); }
  .tab_pr_60i { padding-right: var(--spacing-60) !important; }
  .tab_pr_65 { padding-right: var(--spacing-65); }
  .tab_pr_65i { padding-right: var(--spacing-65) !important; }
  .tab_pr_70 { padding-right: var(--spacing-70); }
  .tab_pr_70i { padding-right: var(--spacing-70) !important; }
  .tab_pr_75 { padding-right: var(--spacing-75); }
  .tab_pr_75i { padding-right: var(--spacing-75) !important; }
  .tab_pr_80 { padding-right: var(--spacing-80); }
  .tab_pr_80i { padding-right: var(--spacing-80) !important; }
  .tab_pr_85 { padding-right: var(--spacing-85); }
  .tab_pr_85i { padding-right: var(--spacing-85) !important; }
  .tab_pr_90 { padding-right: var(--spacing-90); }
  .tab_pr_90i { padding-right: var(--spacing-90) !important; }
  .tab_pr_95 { padding-right: var(--spacing-95); }
  .tab_pr_95i { padding-right: var(--spacing-95) !important; }
  .tab_pr_100 { padding-right: var(--spacing-100); }
  .tab_pr_100i { padding-right: var(--spacing-100) !important; }

  /* width */
  .tab_w_5p { width: 5%; }
  .tab_w_10p { width: 10%; }
  .tab_w_15p { width: 15%; }
  .tab_w_20p { width: 20%; }
  .tab_w_25p { width: 25%; }
  .tab_w_30p { width: 30%; }
  .tab_w_35p { width: 35%; }
  .tab_w_40p { width: 40%; }
  .tab_w_45p { width: 45%; }
  .tab_w_50p { width: 50%; }
  .tab_w_55p { width: 55%; }
  .tab_w_60p { width: 60%; }
  .tab_w_65p { width: 65%; }
  .tab_w_70p { width: 70%; }
  .tab_w_75p { width: 75%; }
  .tab_w_80p { width: 80%; }
  .tab_w_85p { width: 85%; }
  .tab_w_90p { width: 90%; }
  .tab_w_95p { width: 95%; }
  .tab_w_100p { width: 100%; }

  /* [S] pagination_wrap */
  .pagination_wrap{ flex-flow: column; gap: var(--spacing-20)}

  .pagination_wrap.mo_ty01{ justify-content: flex-end; }
  .pagination_wrap.mo_ty01 .pagination_box_btn,
  .pagination_wrap.mo_ty01 .pagination_page{ display: none}
  /* [E] pagination_wrap */

  /* [S] 250528 퍼블 추가 */
  .table_sc_wrap .mo_sticky{position: sticky; left: 0; line-height: 1.3}
  /* [E] 250528 퍼블 추가 */

}
@media(max-width:640px){
  body,html{ font-size: 12px;}

  /* btn */
  .btn_wrap.mo_col,
  .btn_wrap_s.mo_col{ flex-flow: column}

  /* mo */
  .mo_hidden{ display: none !important;}
  .mo_show{ display: block}
  .mo_show_f{ display: flex}
  .mo_show_ib{ display: inline-block}

  /* flex */
  .mo_flex{ display: flex}
  .mo_flex_col{ flex-flow: column}
  .mo_flex_col_rv{ flex-flow: column wrap-reverse}
  .mo_flex_wrap{ flex-wrap: wrap}
  .mo_flex_now{ flex-wrap: nowrap}
  .mo_flex_ac{ align-items: center}
  .mo_flex_as{ align-items: flex-start}
  .mo_flex_ae{ align-items: flex-end}
  .mo_flex_jc{ justify-content: center}
  .mo_flex_js{ justify-content: flex-start}
  .mo_flex_je{ justify-content: flex-end}
  .mo_flex_jsb{ justify-content: space-between}
  .mo_flex_sh0{ flex-shrink: 0}

  /* grid */
  .mo_grid{ display: grid}
  .mo_grid_1{ grid-template-columns: repeat(1,1fr)}
  .mo_grid_2{ grid-template-columns: repeat(2,1fr)}
  .mo_grid_3{ grid-template-columns: repeat(3,1fr)}
  .mo_grid_4{ grid-template-columns: repeat(4,1fr)}
  .mo_grid_5{ grid-template-columns: repeat(5,1fr)}
  .mo_grid_6{ grid-template-columns: repeat(6,1fr)}

  /* gap */
  .mo_gap_0{ gap: var(--spacing-0)}
  .mo_gap_5{ gap: var(--spacing-5)}
  .mo_gap_10{ gap: var(--spacing-10)}
  .mo_gap_15{ gap: var(--spacing-15)}
  .mo_gap_20{ gap: var(--spacing-20)}
  .mo_gap_25{ gap: var(--spacing-25)}
  .mo_gap_30{ gap: var(--spacing-30)}
  .mo_gap_35{ gap: var(--spacing-35)}
  .mo_gap_40{ gap: var(--spacing-40)}
  .mo_gap_45{ gap: var(--spacing-45)}
  .mo_gap_50{ gap: var(--spacing-50)}

  /* order */
  .mo_order_0 { order: 0; }
  .mo_order_1 { order: 1; }
  .mo_order_2 { order: 2; }
  .mo_order_3 { order: 3; }
  .mo_order_4 { order: 4; }
  .mo_order_5 { order: 5; }
  .mo_order_6 { order: 6; }
  .mo_order_7 { order: 7; }
  .mo_order_8 { order: 8; }
  .mo_order_9 { order: 9; }
  .mo_order_10 { order: 10; }

  /* margin */
  .mo_mt_0{ margin-top: 0 !important;}
  .mo_mt_5 { margin-top: var(--spacing-5); }
  .mo_mt_5i { margin-top: var(--spacing-5) !important; }
  .mo_mt_10 { margin-top: var(--spacing-10); }
  .mo_mt_10i { margin-top: var(--spacing-10) !important; }
  .mo_mt_15 { margin-top: var(--spacing-15); }
  .mo_mt_15i { margin-top: var(--spacing-15) !important; }
  .mo_mt_20 { margin-top: var(--spacing-20); }
  .mo_mt_20i { margin-top: var(--spacing-20) !important; }
  .mo_mt_25 { margin-top: var(--spacing-25); }
  .mo_mt_25i { margin-top: var(--spacing-25) !important; }
  .mo_mt_30 { margin-top: var(--spacing-30); }
  .mo_mt_30i { margin-top: var(--spacing-30) !important; }
  .mo_mt_35 { margin-top: var(--spacing-35); }
  .mo_mt_35i { margin-top: var(--spacing-35) !important; }
  .mo_mt_40 { margin-top: var(--spacing-40); }
  .mo_mt_40i { margin-top: var(--spacing-40) !important; }
  .mo_mt_45 { margin-top: var(--spacing-45); }
  .mo_mt_45i { margin-top: var(--spacing-45) !important; }
  .mo_mt_50 { margin-top: var(--spacing-50); }
  .mo_mt_50i { margin-top: var(--spacing-50) !important; }
  .mo_mt_55 { margin-top: var(--spacing-55); }
  .mo_mt_55i { margin-top: var(--spacing-55) !important; }
  .mo_mt_60 { margin-top: var(--spacing-60); }
  .mo_mt_60i { margin-top: var(--spacing-60) !important; }
  .mo_mt_65 { margin-top: var(--spacing-65); }
  .mo_mt_65i { margin-top: var(--spacing-65) !important; }
  .mo_mt_70 { margin-top: var(--spacing-70); }
  .mo_mt_70i { margin-top: var(--spacing-70) !important; }
  .mo_mt_75 { margin-top: var(--spacing-75); }
  .mo_mt_75i { margin-top: var(--spacing-75) !important; }
  .mo_mt_80 { margin-top: var(--spacing-80); }
  .mo_mt_80i { margin-top: var(--spacing-80) !important; }
  .mo_mt_85 { margin-top: var(--spacing-85); }
  .mo_mt_85i { margin-top: var(--spacing-85) !important; }
  .mo_mt_90 { margin-top: var(--spacing-90); }
  .mo_mt_90i { margin-top: var(--spacing-90) !important; }
  .mo_mt_95 { margin-top: var(--spacing-95); }
  .mo_mt_95i { margin-top: var(--spacing-95) !important; }
  .mo_mt_100 { margin-top: var(--spacing-100); }
  .mo_mt_100i { margin-top: var(--spacing-100) !important; }

  .mo_mb_0{ margin-bottom: 0 !important;}
  .mo_mb_5 { margin-bottom: var(--spacing-5); }
  .mo_mb_5i { margin-bottom: var(--spacing-5) !important; }
  .mo_mb_10 { margin-bottom: var(--spacing-10); }
  .mo_mb_10i { margin-bottom: var(--spacing-10) !important; }
  .mo_mb_15 { margin-bottom: var(--spacing-15); }
  .mo_mb_15i { margin-bottom: var(--spacing-15) !important; }
  .mo_mb_20 { margin-bottom: var(--spacing-20); }
  .mo_mb_20i { margin-bottom: var(--spacing-20) !important; }
  .mo_mb_25 { margin-bottom: var(--spacing-25); }
  .mo_mb_25i { margin-bottom: var(--spacing-25) !important; }
  .mo_mb_30 { margin-bottom: var(--spacing-30); }
  .mo_mb_30i { margin-bottom: var(--spacing-30) !important; }
  .mo_mb_35 { margin-bottom: var(--spacing-35); }
  .mo_mb_35i { margin-bottom: var(--spacing-35) !important; }
  .mo_mb_40 { margin-bottom: var(--spacing-40); }
  .mo_mb_40i { margin-bottom: var(--spacing-40) !important; }
  .mo_mb_45 { margin-bottom: var(--spacing-45); }
  .mo_mb_45i { margin-bottom: var(--spacing-45) !important; }
  .mo_mb_50 { margin-bottom: var(--spacing-50); }
  .mo_mb_50i { margin-bottom: var(--spacing-50) !important; }
  .mo_mb_55 { margin-bottom: var(--spacing-55); }
  .mo_mb_55i { margin-bottom: var(--spacing-55) !important; }
  .mo_mb_60 { margin-bottom: var(--spacing-60); }
  .mo_mb_60i { margin-bottom: var(--spacing-60) !important; }
  .mo_mb_65 { margin-bottom: var(--spacing-65); }
  .mo_mb_65i { margin-bottom: var(--spacing-65) !important; }
  .mo_mb_70 { margin-bottom: var(--spacing-70); }
  .mo_mb_70i { margin-bottom: var(--spacing-70) !important; }
  .mo_mb_75 { margin-bottom: var(--spacing-75); }
  .mo_mb_75i { margin-bottom: var(--spacing-75) !important; }
  .mo_mb_80 { margin-bottom: var(--spacing-80); }
  .mo_mb_80i { margin-bottom: var(--spacing-80) !important; }
  .mo_mb_85 { margin-bottom: var(--spacing-85); }
  .mo_mb_85i { margin-bottom: var(--spacing-85) !important; }
  .mo_mb_90 { margin-bottom: var(--spacing-90); }
  .mo_mb_90i { margin-bottom: var(--spacing-90) !important; }
  .mo_mb_95 { margin-bottom: var(--spacing-95); }
  .mo_mb_95i { margin-bottom: var(--spacing-95) !important; }
  .mo_mb_100 { margin-bottom: var(--spacing-100); }
  .mo_mb_100i { margin-bottom: var(--spacing-100) !important; }

  .mo_ml_0 { margin-left: 0 !important; }
  .mo_ml_5 { margin-left: var(--spacing-5); }
  .mo_ml_5i { margin-left: var(--spacing-5) !important; }
  .mo_ml_10 { margin-left: var(--spacing-10); }
  .mo_ml_10i { margin-left: var(--spacing-10) !important; }
  .mo_ml_15 { margin-left: var(--spacing-15); }
  .mo_ml_15i { margin-left: var(--spacing-15) !important; }
  .mo_ml_20 { margin-left: var(--spacing-20); }
  .mo_ml_20i { margin-left: var(--spacing-20) !important; }
  .mo_ml_25 { margin-left: var(--spacing-25); }
  .mo_ml_25i { margin-left: var(--spacing-25) !important; }
  .mo_ml_30 { margin-left: var(--spacing-30); }
  .mo_ml_30i { margin-left: var(--spacing-30) !important; }
  .mo_ml_35 { margin-left: var(--spacing-35); }
  .mo_ml_35i { margin-left: var(--spacing-35) !important; }
  .mo_ml_40 { margin-left: var(--spacing-40); }
  .mo_ml_40i { margin-left: var(--spacing-40) !important; }
  .mo_ml_45 { margin-left: var(--spacing-45); }
  .mo_ml_45i { margin-left: var(--spacing-45) !important; }
  .mo_ml_50 { margin-left: var(--spacing-50); }
  .mo_ml_50i { margin-left: var(--spacing-50) !important; }
  .mo_ml_55 { margin-left: var(--spacing-55); }
  .mo_ml_55i { margin-left: var(--spacing-55) !important; }
  .mo_ml_60 { margin-left: var(--spacing-60); }
  .mo_ml_60i { margin-left: var(--spacing-60) !important; }
  .mo_ml_65 { margin-left: var(--spacing-65); }
  .mo_ml_65i { margin-left: var(--spacing-65) !important; }
  .mo_ml_70 { margin-left: var(--spacing-70); }
  .mo_ml_70i { margin-left: var(--spacing-70) !important; }
  .mo_ml_75 { margin-left: var(--spacing-75); }
  .mo_ml_75i { margin-left: var(--spacing-75) !important; }
  .mo_ml_80 { margin-left: var(--spacing-80); }
  .mo_ml_80i { margin-left: var(--spacing-80) !important; }
  .mo_ml_85 { margin-left: var(--spacing-85); }
  .mo_ml_85i { margin-left: var(--spacing-85) !important; }
  .mo_ml_90 { margin-left: var(--spacing-90); }
  .mo_ml_90i { margin-left: var(--spacing-90) !important; }
  .mo_ml_95 { margin-left: var(--spacing-95); }
  .mo_ml_95i { margin-left: var(--spacing-95) !important; }
  .mo_ml_100 { margin-left: var(--spacing-100); }
  .mo_ml_100i { margin-left: var(--spacing-100) !important; }

  .mo_mr_0 { margin-right: 0 !important; }
  .mo_mr_5 { margin-right: var(--spacing-5); }
  .mo_mr_5i { margin-right: var(--spacing-5) !important; }
  .mo_mr_10 { margin-right: var(--spacing-10); }
  .mo_mr_10i { margin-right: var(--spacing-10) !important; }
  .mo_mr_15 { margin-right: var(--spacing-15); }
  .mo_mr_15i { margin-right: var(--spacing-15) !important; }
  .mo_mr_20 { margin-right: var(--spacing-20); }
  .mo_mr_20i { margin-right: var(--spacing-20) !important; }
  .mo_mr_25 { margin-right: var(--spacing-25); }
  .mo_mr_25i { margin-right: var(--spacing-25) !important; }
  .mo_mr_30 { margin-right: var(--spacing-30); }
  .mo_mr_30i { margin-right: var(--spacing-30) !important; }
  .mo_mr_35 { margin-right: var(--spacing-35); }
  .mo_mr_35i { margin-right: var(--spacing-35) !important; }
  .mo_mr_40 { margin-right: var(--spacing-40); }
  .mo_mr_40i { margin-right: var(--spacing-40) !important; }
  .mo_mr_45 { margin-right: var(--spacing-45); }
  .mo_mr_45i { margin-right: var(--spacing-45) !important; }
  .mo_mr_50 { margin-right: var(--spacing-50); }
  .mo_mr_50i { margin-right: var(--spacing-50) !important; }
  .mo_mr_55 { margin-right: var(--spacing-55); }
  .mo_mr_55i { margin-right: var(--spacing-55) !important; }
  .mo_mr_60 { margin-right: var(--spacing-60); }
  .mo_mr_60i { margin-right: var(--spacing-60) !important; }
  .mo_mr_65 { margin-right: var(--spacing-65); }
  .mo_mr_65i { margin-right: var(--spacing-65) !important; }
  .mo_mr_70 { margin-right: var(--spacing-70); }
  .mo_mr_70i { margin-right: var(--spacing-70) !important; }
  .mo_mr_75 { margin-right: var(--spacing-75); }
  .mo_mr_75i { margin-right: var(--spacing-75) !important; }
  .mo_mr_80 { margin-right: var(--spacing-80); }
  .mo_mr_80i { margin-right: var(--spacing-80) !important; }
  .mo_mr_85 { margin-right: var(--spacing-85); }
  .mo_mr_85i { margin-right: var(--spacing-85) !important; }
  .mo_mr_90 { margin-right: var(--spacing-90); }
  .mo_mr_90i { margin-right: var(--spacing-90) !important; }
  .mo_mr_95 { margin-right: var(--spacing-95); }
  .mo_mr_95i { margin-right: var(--spacing-95) !important; }
  .mo_mr_100 { margin-right: var(--spacing-100); }
  .mo_mr_100i { margin-right: var(--spacing-100) !important; }

  /* padding */
  .mo_pt_0 { padding-top: 0 !important; }
  .mo_pt_5 { padding-top: var(--spacing-5); }
  .mo_pt_5i { padding-top: var(--spacing-5) !important; }
  .mo_pt_10 { padding-top: var(--spacing-10); }
  .mo_pt_10i { padding-top: var(--spacing-10) !important; }
  .mo_pt_15 { padding-top: var(--spacing-15); }
  .mo_pt_15i { padding-top: var(--spacing-15) !important; }
  .mo_pt_20 { padding-top: var(--spacing-20); }
  .mo_pt_20i { padding-top: var(--spacing-20) !important; }
  .mo_pt_25 { padding-top: var(--spacing-25); }
  .mo_pt_25i { padding-top: var(--spacing-25) !important; }
  .mo_pt_30 { padding-top: var(--spacing-30); }
  .mo_pt_30i { padding-top: var(--spacing-30) !important; }
  .mo_pt_35 { padding-top: var(--spacing-35); }
  .mo_pt_35i { padding-top: var(--spacing-35) !important; }
  .mo_pt_40 { padding-top: var(--spacing-40); }
  .mo_pt_40i { padding-top: var(--spacing-40) !important; }
  .mo_pt_45 { padding-top: var(--spacing-45); }
  .mo_pt_45i { padding-top: var(--spacing-45) !important; }
  .mo_pt_50 { padding-top: var(--spacing-50); }
  .mo_pt_50i { padding-top: var(--spacing-50) !important; }
  .mo_pt_55 { padding-top: var(--spacing-55); }
  .mo_pt_55i { padding-top: var(--spacing-55) !important; }
  .mo_pt_60 { padding-top: var(--spacing-60); }
  .mo_pt_60i { padding-top: var(--spacing-60) !important; }
  .mo_pt_65 { padding-top: var(--spacing-65); }
  .mo_pt_65i { padding-top: var(--spacing-65) !important; }
  .mo_pt_70 { padding-top: var(--spacing-70); }
  .mo_pt_70i { padding-top: var(--spacing-70) !important; }
  .mo_pt_75 { padding-top: var(--spacing-75); }
  .mo_pt_75i { padding-top: var(--spacing-75) !important; }
  .mo_pt_80 { padding-top: var(--spacing-80); }
  .mo_pt_80i { padding-top: var(--spacing-80) !important; }
  .mo_pt_85 { padding-top: var(--spacing-85); }
  .mo_pt_85i { padding-top: var(--spacing-85) !important; }
  .mo_pt_90 { padding-top: var(--spacing-90); }
  .mo_pt_90i { padding-top: var(--spacing-90) !important; }
  .mo_pt_95 { padding-top: var(--spacing-95); }
  .mo_pt_95i { padding-top: var(--spacing-95) !important; }
  .mo_pt_100 { padding-top: var(--spacing-100); }
  .mo_pt_100i { padding-top: var(--spacing-100) !important; }

  .mo_pb_0 { padding-bottom: 0 !important; }
  .mo_pb_5 { padding-bottom: var(--spacing-5); }
  .mo_pb_5i { padding-bottom: var(--spacing-5) !important; }
  .mo_pb_10 { padding-bottom: var(--spacing-10); }
  .mo_pb_10i { padding-bottom: var(--spacing-10) !important; }
  .mo_pb_15 { padding-bottom: var(--spacing-15); }
  .mo_pb_15i { padding-bottom: var(--spacing-15) !important; }
  .mo_pb_20 { padding-bottom: var(--spacing-20); }
  .mo_pb_20i { padding-bottom: var(--spacing-20) !important; }
  .mo_pb_25 { padding-bottom: var(--spacing-25); }
  .mo_pb_25i { padding-bottom: var(--spacing-25) !important; }
  .mo_pb_30 { padding-bottom: var(--spacing-30); }
  .mo_pb_30i { padding-bottom: var(--spacing-30) !important; }
  .mo_pb_35 { padding-bottom: var(--spacing-35); }
  .mo_pb_35i { padding-bottom: var(--spacing-35) !important; }
  .mo_pb_40 { padding-bottom: var(--spacing-40); }
  .mo_pb_40i { padding-bottom: var(--spacing-40) !important; }
  .mo_pb_45 { padding-bottom: var(--spacing-45); }
  .mo_pb_45i { padding-bottom: var(--spacing-45) !important; }
  .mo_pb_50 { padding-bottom: var(--spacing-50); }
  .mo_pb_50i { padding-bottom: var(--spacing-50) !important; }
  .mo_pb_55 { padding-bottom: var(--spacing-55); }
  .mo_pb_55i { padding-bottom: var(--spacing-55) !important; }
  .mo_pb_60 { padding-bottom: var(--spacing-60); }
  .mo_pb_60i { padding-bottom: var(--spacing-60) !important; }
  .mo_pb_65 { padding-bottom: var(--spacing-65); }
  .mo_pb_65i { padding-bottom: var(--spacing-65) !important; }
  .mo_pb_70 { padding-bottom: var(--spacing-70); }
  .mo_pb_70i { padding-bottom: var(--spacing-70) !important; }
  .mo_pb_75 { padding-bottom: var(--spacing-75); }
  .mo_pb_75i { padding-bottom: var(--spacing-75) !important; }
  .mo_pb_80 { padding-bottom: var(--spacing-80); }
  .mo_pb_80i { padding-bottom: var(--spacing-80) !important; }
  .mo_pb_85 { padding-bottom: var(--spacing-85); }
  .mo_pb_85i { padding-bottom: var(--spacing-85) !important; }
  .mo_pb_90 { padding-bottom: var(--spacing-90); }
  .mo_pb_90i { padding-bottom: var(--spacing-90) !important; }
  .mo_pb_95 { padding-bottom: var(--spacing-95); }
  .mo_pb_95i { padding-bottom: var(--spacing-95) !important; }
  .mo_pb_100 { padding-bottom: var(--spacing-100); }
  .mo_pb_100i { padding-bottom: var(--spacing-100) !important; }

  .mo_pl_0 { padding-left: 0 !important; }
  .mo_pl_5 { padding-left: var(--spacing-5); }
  .mo_pl_5i { padding-left: var(--spacing-5) !important; }
  .mo_pl_10 { padding-left: var(--spacing-10); }
  .mo_pl_10i { padding-left: var(--spacing-10) !important; }
  .mo_pl_15 { padding-left: var(--spacing-15); }
  .mo_pl_15i { padding-left: var(--spacing-15) !important; }
  .mo_pl_20 { padding-left: var(--spacing-20); }
  .mo_pl_20i { padding-left: var(--spacing-20) !important; }
  .mo_pl_25 { padding-left: var(--spacing-25); }
  .mo_pl_25i { padding-left: var(--spacing-25) !important; }
  .mo_pl_30 { padding-left: var(--spacing-30); }
  .mo_pl_30i { padding-left: var(--spacing-30) !important; }
  .mo_pl_35 { padding-left: var(--spacing-35); }
  .mo_pl_35i { padding-left: var(--spacing-35) !important; }
  .mo_pl_40 { padding-left: var(--spacing-40); }
  .mo_pl_40i { padding-left: var(--spacing-40) !important; }
  .mo_pl_45 { padding-left: var(--spacing-45); }
  .mo_pl_45i { padding-left: var(--spacing-45) !important; }
  .mo_pl_50 { padding-left: var(--spacing-50); }
  .mo_pl_50i { padding-left: var(--spacing-50) !important; }
  .mo_pl_55 { padding-left: var(--spacing-55); }
  .mo_pl_55i { padding-left: var(--spacing-55) !important; }
  .mo_pl_60 { padding-left: var(--spacing-60); }
  .mo_pl_60i { padding-left: var(--spacing-60) !important; }
  .mo_pl_65 { padding-left: var(--spacing-65); }
  .mo_pl_65i { padding-left: var(--spacing-65) !important; }
  .mo_pl_70 { padding-left: var(--spacing-70); }
  .mo_pl_70i { padding-left: var(--spacing-70) !important; }
  .mo_pl_75 { padding-left: var(--spacing-75); }
  .mo_pl_75i { padding-left: var(--spacing-75) !important; }
  .mo_pl_80 { padding-left: var(--spacing-80); }
  .mo_pl_80i { padding-left: var(--spacing-80) !important; }
  .mo_pl_85 { padding-left: var(--spacing-85); }
  .mo_pl_85i { padding-left: var(--spacing-85) !important; }
  .mo_pl_90 { padding-left: var(--spacing-90); }
  .mo_pl_90i { padding-left: var(--spacing-90) !important; }
  .mo_pl_95 { padding-left: var(--spacing-95); }
  .mo_pl_95i { padding-left: var(--spacing-95) !important; }
  .mo_pl_100 { padding-left: var(--spacing-100); }
  .mo_pl_100i { padding-left: var(--spacing-100) !important; }

  .mo_pr_0 { padding-right: 0 !important; }
  .mo_pr_5 { padding-right: var(--spacing-5); }
  .mo_pr_5i { padding-right: var(--spacing-5) !important; }
  .mo_pr_10 { padding-right: var(--spacing-10); }
  .mo_pr_10i { padding-right: var(--spacing-10) !important; }
  .mo_pr_15 { padding-right: var(--spacing-15); }
  .mo_pr_15i { padding-right: var(--spacing-15) !important; }
  .mo_pr_20 { padding-right: var(--spacing-20); }
  .mo_pr_20i { padding-right: var(--spacing-20) !important; }
  .mo_pr_25 { padding-right: var(--spacing-25); }
  .mo_pr_25i { padding-right: var(--spacing-25) !important; }
  .mo_pr_30 { padding-right: var(--spacing-30); }
  .mo_pr_30i { padding-right: var(--spacing-30) !important; }
  .mo_pr_35 { padding-right: var(--spacing-35); }
  .mo_pr_35i { padding-right: var(--spacing-35) !important; }
  .mo_pr_40 { padding-right: var(--spacing-40); }
  .mo_pr_40i { padding-right: var(--spacing-40) !important; }
  .mo_pr_45 { padding-right: var(--spacing-45); }
  .mo_pr_45i { padding-right: var(--spacing-45) !important; }
  .mo_pr_50 { padding-right: var(--spacing-50); }
  .mo_pr_50i { padding-right: var(--spacing-50) !important; }
  .mo_pr_55 { padding-right: var(--spacing-55); }
  .mo_pr_55i { padding-right: var(--spacing-55) !important; }
  .mo_pr_60 { padding-right: var(--spacing-60); }
  .mo_pr_60i { padding-right: var(--spacing-60) !important; }
  .mo_pr_65 { padding-right: var(--spacing-65); }
  .mo_pr_65i { padding-right: var(--spacing-65) !important; }
  .mo_pr_70 { padding-right: var(--spacing-70); }
  .mo_pr_70i { padding-right: var(--spacing-70) !important; }
  .mo_pr_75 { padding-right: var(--spacing-75); }
  .mo_pr_75i { padding-right: var(--spacing-75) !important; }
  .mo_pr_80 { padding-right: var(--spacing-80); }
  .mo_pr_80i { padding-right: var(--spacing-80) !important; }
  .mo_pr_85 { padding-right: var(--spacing-85); }
  .mo_pr_85i { padding-right: var(--spacing-85) !important; }
  .mo_pr_90 { padding-right: var(--spacing-90); }
  .mo_pr_90i { padding-right: var(--spacing-90) !important; }
  .mo_pr_95 { padding-right: var(--spacing-95); }
  .mo_pr_95i { padding-right: var(--spacing-95) !important; }
  .mo_pr_100 { padding-right: var(--spacing-100); }
  .mo_pr_100i { padding-right: var(--spacing-100) !important; }

  /* width */
  .mo_w_5p { width: 5%; }
  .mo_w_10p { width: 10%; }
  .mo_w_15p { width: 15%; }
  .mo_w_20p { width: 20%; }
  .mo_w_25p { width: 25%; }
  .mo_w_30p { width: 30%; }
  .mo_w_35p { width: 35%; }
  .mo_w_40p { width: 40%; }
  .mo_w_45p { width: 45%; }
  .mo_w_50p { width: 50%; }
  .mo_w_55p { width: 55%; }
  .mo_w_60p { width: 60%; }
  .mo_w_65p { width: 65%; }
  .mo_w_70p { width: 70%; }
  .mo_w_75p { width: 75%; }
  .mo_w_80p { width: 80%; }
  .mo_w_85p { width: 85%; }
  .mo_w_90p { width: 90%; }
  .mo_w_95p { width: 95%; }
  .mo_w_100p { width: 100%; }
  
  .btn_btm_lg{ padding: 0 var(--spacing-30) !important}
}

@media print {
  /* 프린트 전용 스타일 */

}