@charset "utf-8";
/* 리로 포털 디자인시스템  */

/* ICON */
.rpd_icon {display: inline-flex;width: 20px;height: 20px;background-position: center;background-repeat: no-repeat; background-size:20px; text-indent:-999em;}
.rpd_icon.pointer {cursor: pointer;}
.rpd_icon.alram_3d {background-image: url('/assets/imgs/design/ico_3d_alram.svg');}
.rpd_icon.asom_3d {background-image: url('/assets/imgs/design/ico_3d_asom.svg');}
.rpd_icon.award_3d {background-image: url('/assets/imgs/design/ico_3d_award.svg');}
.rpd_icon.bell_3d {background-image: url('/assets/imgs/design/ico_3d_bell.svg');}
.rpd_icon.book_3d {background-image: url('/assets/imgs/design/ico_3d_book.svg');}
.rpd_icon.click_3d {background-image: url('/assets/imgs/design/ico_3d_click.svg');}
.rpd_icon.confirm_3d {background-image: url('/assets/imgs/design/ico_3d_confirm.svg');}
.rpd_icon.decoration_3d {background-image: url('/assets/imgs/design/ico_3d_decoration.svg');}
.rpd_icon.exellent_3d {background-image: url('/assets/imgs/design/ico_3d_exellent.svg');}
.rpd_icon.gold_3d {background-image: url('/assets/imgs/design/ico_3d_gold.svg');}
.rpd_icon.silver_3d {background-image: url('/assets/imgs/design/ico_3d_silver.svg');}
.rpd_icon.bronze_3d {background-image: url('/assets/imgs/design/ico_3d_bronze.svg');}
.rpd_icon.good_3d {background-image: url('/assets/imgs/design/ico_3d_good.svg');}
.rpd_icon.graduation_3d {background-image: url('/assets/imgs/design/ico_3d_graduation.svg');}
.rpd_icon.group_3d {background-image: url('/assets/imgs/design/ico_3d_group.svg');}
.rpd_icon.medal_3d {background-image: url('/assets/imgs/design/ico_3d_medal.svg');}
.rpd_icon.message_3d {background-image: url('/assets/imgs/design/ico_3d_message.svg');}
.rpd_icon.mobile_3d {background-image: url('/assets/imgs/design/ico_3d_mobile.svg');}
.rpd_icon.notebook_3d {background-image: url('/assets/imgs/design/ico_3d_notebook.svg');}
.rpd_icon.say_3d {background-image: url('/assets/imgs/design/ico_3d_say.svg');}
.rpd_icon.search_3d {background-image: url('/assets/imgs/design/ico_3d_search.svg');}
.rpd_icon.trophy_3d {background-image: url('/assets/imgs/design/ico_3d_trophy.svg');}
.rpd_icon.star_3d {background-image: url('/assets/imgs/design/ico_3d_star.svg');}

.rpd_icon.archive_gray {background-image: url('/assets/imgs/design/ico_archive_gray.svg');}
.rpd_icon.archive_blue {background-image: url('/assets/imgs/design/ico_archive_blue.svg');}
.rpd_icon.archive_black {background-image: url('/assets/imgs/design/ico_archive_black.svg');}
.rpd_icon.archive_white {background-image: url('/assets/imgs/design/ico_archive_white.svg');}
.rpd_icon.eye_gray {background-image: url('/assets/imgs/design/ico_eye_gray.svg');}
.rpd_icon.eye_blue {background-image: url('/assets/imgs/design/ico_eye_blue.svg');}
.rpd_icon.eye_black {background-image: url('/assets/imgs/design/ico_eye_black.svg');}
.rpd_icon.eye_white {background-image: url('/assets/imgs/design/ico_eye_white.svg');}
.rpd_icon.heart_gray {background-image: url('/assets/imgs/design/ico_heart_gray.svg');}
.rpd_icon.heart_blue {background-image: url('/assets/imgs/design/ico_heart_blue.svg');}
.rpd_icon.heart_black {background-image: url('/assets/imgs/design/ico_heart_black.svg');}
.rpd_icon.heart_white {background-image: url('/assets/imgs/design/ico_heart_white.svg');}
.rpd_icon.layers_gray {background-image: url('/assets/imgs/design/ico_layers_gray.svg');}
.rpd_icon.layers_blue {background-image: url('/assets/imgs/design/ico_layers_blue.svg');}
.rpd_icon.layers_black {background-image: url('/assets/imgs/design/ico_layers_black.svg');}
.rpd_icon.layers_white {background-image: url('/assets/imgs/design/ico_layers_white.svg');}
.rpd_icon.Thumbsup_gray {background-image: url('/assets/imgs/design/ico_Thumbsup_gray.svg');}
.rpd_icon.Thumbsup_blue {background-image: url('/assets/imgs/design/ico_Thumbsup_blue.svg');}
.rpd_icon.Thumbsup_black {background-image: url('/assets/imgs/design/ico_Thumbsup_black.svg');}
.rpd_icon.Thumbsup_white {background-image: url('/assets/imgs/design/ico_Thumbsup_white.svg');}
.rpd_icon.uploadcloud_gray {background-image: url('/assets/imgs/design/ico_uploadcloud_gray.svg');}
.rpd_icon.uploadcloud_blue {background-image: url('/assets/imgs/design/ico_uploadcloud_blue.svg');}
.rpd_icon.uploadcloud_black {background-image: url('/assets/imgs/design/ico_uploadcloud_black.svg');}
.rpd_icon.uploadcloud_white {background-image: url('/assets/imgs/design/ico_uploadcloud_white.svg');}
.rpd_icon.point_gray {background-image: url('/assets/imgs/design/ico_point_gray.svg');}

.rpd_icon.school_gray {background-image: url('/assets/imgs/design/ico_school_gray.svg');}
.rpd_icon.school_black {background-image: url('/assets/imgs/design/ico_school_black.svg');}
.rpd_icon.school_white {background-image: url('/assets/imgs/design/ico_school_white.svg');}
.rpd_icon.shoppingBag_gray {background-image: url('/assets/imgs/design/ico_shoppingBag_gray.svg');}
.rpd_icon.shoppingBag_blue {background-image: url('/assets/imgs/design/ico_shoppingBag_blue.svg');}
.rpd_icon.shoppingBag_black {background-image: url('/assets/imgs/design/ico_shoppingBag_black.svg');}
.rpd_icon.shoppingBag_white {background-image: url('/assets/imgs/design/ico_shoppingBag_white.svg');}
.rpd_icon.tag_gray {background-image: url('/assets/imgs/design/ico_tag_gray.svg');}
.rpd_icon.tag_blue {background-image: url('/assets/imgs/design/ico_tag_blue.svg');}
.rpd_icon.tag_black {background-image: url('/assets/imgs/design/ico_tag_black.svg');}
.rpd_icon.tag_white {background-image: url('/assets/imgs/design/ico_tag_white.svg');}

.rpd_icon.download_gray {background-image: url('/assets/imgs/design/ico_download_gray.svg');}
.rpd_icon.download_blue {background-image: url('/assets/imgs/design/ico_download_blue.svg');}
.rpd_icon.download_black {background-image: url('/assets/imgs/design/ico_download_black.svg');}
.rpd_icon.download_white {background-image: url('/assets/imgs/design/ico_download_white.svg');}

.rpd_icon.upload_gray {background-image: url('/assets/imgs/design/ico_upload_gray.svg');}
.rpd_icon.upload_blue {background-image: url('/assets/imgs/design/ico_upload_blue.svg');}
.rpd_icon.upload_black {background-image: url('/assets/imgs/design/ico_upload_black.svg');}
.rpd_icon.upload_white {background-image: url('/assets/imgs/design/ico_upload_white.svg');}
.rpd_icon.arrowUp_gray {background-image: url('/assets/imgs/design/ico_arrowUp_gray.svg');}
.rpd_icon.arrowUp_blue {background-image: url('/assets/imgs/design/ico_arrowUp_blue.svg');}
.rpd_icon.arrowUp_black {background-image: url('/assets/imgs/design/ico_arrowUp_black.svg');}
.rpd_icon.arrowUp_white {background-image: url('/assets/imgs/design/ico_arrowUp_white.svg');}
.rpd_icon.headphones_gray {background-image: url('/assets/imgs/design/ico_headphones_gray.svg');}
.rpd_icon.headphones_blue {background-image: url('/assets/imgs/design/ico_headphones_blue.svg');}
.rpd_icon.headphones_black {background-image: url('/assets/imgs/design/ico_headphones_black.svg');}
.rpd_icon.headphones_white {background-image: url('/assets/imgs/design/ico_headphones_white.svg');}
.rpd_icon.x_blue {background-image: url('/assets/imgs/design/ico_x_blue.svg');}
.rpd_icon.x_black {background-image: url('/assets/imgs/design/ico_x_black.svg');}
.rpd_icon.x_white {background-image: url('/assets/imgs/design/ico_x_white.svg');}
.rpd_icon.x_gray {background-image: url('/assets/imgs/design/ico_x_gray.svg');}
.rpd_icon.star_gray {background-image: url('/assets/imgs/design/ico_star_gray.svg');}
.rpd_icon.star_blue {background-image: url('/assets/imgs/design/ico_star_blue.svg');}
.rpd_icon.star_black {background-image: url('/assets/imgs/design/ico_star_black.svg');}
.rpd_icon.star_white {background-image: url('/assets/imgs/design/ico_star_white.svg');}
.rpd_icon.star_fill_gray {background-image: url('/assets/imgs/design/ico_star_fill_gray.svg');}
.rpd_icon.star_fill_blue {background-image: url('/assets/imgs/design/ico_star_fill_blue.svg');}
.rpd_icon.point_gray {background-image: url('/assets/imgs/design/ico_point_gray.svg');}
.rpd_icon.point_blue {background-image: url('/assets/imgs/design/ico_point_blue.svg');}
.rpd_icon.point_black {background-image: url('/assets/imgs/design/ico_point_black.svg');}
.rpd_icon.point_white {background-image: url('/assets/imgs/design/ico_point_white.svg');}

.rpd_icon.chevron_down_gray {background-image: url('/assets/imgs/design/ico_chevron_down_gray.svg');}
.rpd_icon.chevron_down_black {background-image: url('/assets/imgs/design/ico_chevron_down_black.svg');}
.rpd_icon.chevron_down_blue {background-image: url('/assets/imgs/design/ico_chevron_down_blue.svg');}
.rpd_icon.chevron_down_white {background-image: url('/assets/imgs/design/ico_chevron_down_white.svg');}
.rpd_icon.chevron_left_gray {background-image: url('/assets/imgs/design/ico_chevron_left_gray.svg');}
.rpd_icon.chevron_left_black {background-image: url('/assets/imgs/design/ico_chevron_left_black.svg');}
.rpd_icon.chevron_left_blue {background-image: url('/assets/imgs/design/ico_chevron_left_blue.svg');}
.rpd_icon.chevron_left_white {background-image: url('/assets/imgs/design/ico_chevron_left_white.svg');}
.rpd_icon.chevron_right_gray {background-image: url('/assets/imgs/design/ico_chevron_right_gray.svg');}
.rpd_icon.chevron_right_black {background-image: url('/assets/imgs/design/ico_chevron_right_black.svg');}
.rpd_icon.chevron_right_blue {background-image: url('/assets/imgs/design/ico_chevron_right_blue.svg');}
.rpd_icon.chevron_right_white {background-image: url('/assets/imgs/design/ico_chevron_right_white.svg');}
.rpd_icon.chevron_up_gray {background-image: url('/assets/imgs/design/ico_chevron_up_gray.svg');}
.rpd_icon.chevron_up_blue {background-image: url('/assets/imgs/design/ico_chevron_up_blue.svg');}
.rpd_icon.chevron_up_black {background-image: url('/assets/imgs/design/ico_chevron_up_black.svg');}
.rpd_icon.chevron_up_white {background-image: url('/assets/imgs/design/ico_chevron_up_white.svg');}
.rpd_icon.plus_blue {background-image: url('/assets/imgs/design/ico_plus_blue.svg');}
.rpd_icon.plus_white {background-image: url('/assets/imgs/design/ico_plus_white.svg');}
.rpd_icon.plus_black {background-image: url('/assets/imgs/design/ico_plus_black.svg');}
.rpd_icon.plus_gray {background-image: url('/assets/imgs/design/ico_plus_gray.svg');}
.rpd_icon.search_black {background-image: url('/assets/imgs/design/ico_search_black.svg');}
.rpd_icon.search_gray {background-image: url('/assets/imgs/design/ico_search_gray.svg');}
.rpd_icon.search_blue {background-image: url('/assets/imgs/design/ico_search_blue.svg');}
.rpd_icon.search_white {background-image: url('/assets/imgs/design/ico_search_white.svg');}
.rpd_icon.menu_gray {background-image: url('/assets/imgs/design/ico_menu_gray.svg');}
.rpd_icon.menu_blue {background-image: url('/assets/imgs/design/ico_menu_blue.svg');}
.rpd_icon.menu_black {background-image: url('/assets/imgs/design/ico_menu_black.svg');}
.rpd_icon.menu_white {background-image: url('/assets/imgs/design/ico_menu_white.svg');}
.rpd_icon.check_gray {background-image: url('/assets/imgs/design/ico_check_gray.svg');}
.rpd_icon.check_blue {background-image: url('/assets/imgs/design/ico_check_blue.svg');}
.rpd_icon.checkCircle_black {background-image: url('/assets/imgs/design/ico_checkCircle_black.svg');}
.rpd_icon.checkCircle_blue {background-image: url('/assets/imgs/design/ico_checkCircle_blue.svg');}
.rpd_icon.cancel_gray {background-image: url('/assets/imgs/design/ico_cancel_gray.svg');}

.rpd_icon.chevron_doubleLeft_gray {background-image: url('/assets/imgs/design/ico_chevron_doubleleft_gray.svg');}
.rpd_icon.chevron_doubleLeft_black {background-image: url('/assets/imgs/design/ico_chevron_doubleleft_black.svg');}
.rpd_icon.chevron_doubleLeft_blue {background-image: url('/assets/imgs/design/ico_chevron_doubleleft_blue.svg');}

.rpd_icon.chevron_doubleRight_gray {background-image: url('/assets/imgs/design/ico_chevron_doubleright_gray.svg');}
.rpd_icon.chevron_doubleRight_black {background-image: url('/assets/imgs/design/ico_chevron_doubleright_black.svg');}
.rpd_icon.chevron_doubleRight_blue {background-image: url('/assets/imgs/design/ico_chevron_doubleright_blue.svg');}

.rpd_icon.alertCircle_black {background-image: url('/assets/imgs/design/ico_alertCircle_black.svg');}
.rpd_icon.alertCircle_red {background-image: url('/assets/imgs/design/ico_alertCircle_red.svg');}
.rpd_icon.alertCircle_gray {background-image: url('/assets/imgs/design/ico_alertCircle_gray.svg');}

.rpd_icon.warning_gray {background-image: url('/assets/imgs/design/ico_warning_gray.svg');}
.rpd_icon.warning_blue {background-image: url('/assets/imgs/design/ico_warning_blue.svg');}
.rpd_icon.warning_black {background-image: url('/assets/imgs/design/ico_warning_black.svg');}
.rpd_icon.warning_white {background-image: url('/assets/imgs/design/ico_warning_white.svg');}

.rpd_icon.edit_black {background-image: url('/assets/imgs/design/ico_edit_black.svg');}
.rpd_icon.edit_blue {background-image: url('/assets/imgs/design/ico_edit_blue.svg');}
.rpd_icon.edit_gray {background-image: url('/assets/imgs/design/ico_edit_gray.svg');}
.rpd_icon.edit_white {background-image: url('/assets/imgs/design/ico_edit_white.svg');}

.rpd_icon.myEdit_black {background-image: url('/assets/imgs/design/ico_myEdit_black.svg');}
.rpd_icon.myEdit_blue {background-image: url('/assets/imgs/design/ico_myEdit_blue.svg');}
.rpd_icon.myEdit_gray {background-image: url('/assets/imgs/design/ico_myEdit_gray.svg');}

.rpd_icon.home_black {background-image: url('/assets/imgs/design/ico_home_black.svg');}
.rpd_icon.home_gray {background-image: url('/assets/imgs/design/ico_home_gray.svg');}

.rpd_icon.trash_black {background-image: url('/assets/imgs/design/ico_trash_black.svg');}
.rpd_icon.trash_blue {background-image: url('/assets/imgs/design/ico_trash_blue.svg');}
.rpd_icon.trash_gray {background-image: url('/assets/imgs/design/ico_trash_gray.svg');}
.rpd_icon.trash_white {background-image: url('/assets/imgs/design/ico_trash_white.svg');}

.rpd_icon.copy_black {background-image: url('/assets/imgs/design/ico_copy_black.svg');}
.rpd_icon.copy_blue {background-image: url('/assets/imgs/design/ico_copy_blue.svg');}
.rpd_icon.copy_gray {background-image: url('/assets/imgs/design/ico_copy_gray.svg');}

.rpd_icon.printer_black {background-image: url('/assets/imgs/design/ico_printer_black.svg');}
.rpd_icon.printer_blue {background-image: url('/assets/imgs/design/ico_printer_blue.svg');}
.rpd_icon.printer_gray {background-image: url('/assets/imgs/design/ico_printer_gray.svg');}

.rpd_icon.bookmark_black {background-image: url('/assets/imgs/design/ico_bookmark_black.svg');}
.rpd_icon.bookmark_filled_blue {background-image: url('/assets/imgs/design/ico_bookmark_filled_blue.svg');}
.rpd_icon.bookmark_blue {background-image: url('/assets/imgs/design/ico_bookmark_blue.svg');}
.rpd_icon.bookmark_gray {background-image: url('/assets/imgs/design/ico_bookmark_gray.svg');}

.rpd_icon.link_black {background-image: url('/assets/imgs/design/ico_link_black.svg');}
.rpd_icon.link_gray {background-image: url('/assets/imgs/design/ico_link_gray.svg');}

.rpd_icon.lock_black {background-image: url('/assets/imgs/design/ico_lock_black.svg');}
.rpd_icon.lock_gray {background-image: url('/assets/imgs/design/ico_lock_gray.svg');}

.rpd_icon.message_black {background-image: url('/assets/imgs/design/ico_message_black.svg');}
.rpd_icon.message_blue {background-image: url('/assets/imgs/design/ico_message_blue.svg');}
.rpd_icon.message_gray {background-image: url('/assets/imgs/design/ico_message_gray.svg');}

.rpd_icon.file_black {background-image: url('/assets/imgs/design/ico_file_black.svg');}
.rpd_icon.file_blue {background-image: url('/assets/imgs/design/ico_file_blue.svg');}
.rpd_icon.file_gray {background-image: url('/assets/imgs/design/ico_file_gray.svg');}

.rpd_icon.rotate_black {background-image: url('/assets/imgs/design/ico_rotate_black.svg');}
.rpd_icon.rotate_blue {background-image: url('/assets/imgs/design/ico_rotate_blue.svg');}
.rpd_icon.rotate_gray {background-image: url('/assets/imgs/design/ico_rotate_gray.svg');}

.rpd_icon.receipt_black {background-image: url('/assets/imgs/design/ico_receipt_black.svg');}
.rpd_icon.receipt_blue {background-image: url('/assets/imgs/design/ico_receipt_blue.svg');}
.rpd_icon.receipt_gray {background-image: url('/assets/imgs/design/ico_receipt_gray.svg');}

/* TOOLTIP */
.tooltip_style {display: none;background-color: var(--gray800);color: #fff;border-radius: 8px;z-index: 999;padding: 6px 12px;font-size: 14px;line-height: 16px;max-width: 600px;font-weight: 500;word-break: break-all; box-shadow: 0px 3px 20px 0px #3333332E;}
.rpd_tooltip {position: fixed;}
.rpd_tooltip_fixed {position: absolute; left:50%; top:calc(100% + 10px); transform:translateX(-50%); white-space:nowrap; }
.rpd_tooltip_fixed::before {content: "";position: absolute;top:-6px;left: 50%;  transform:translateX(-50%); width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 6px solid var(--gray800);}
.rpd_tooltip_fixed.top {top:auto; bottom:calc(100% + 10px);}
.rpd_tooltip_fixed.top::before {top:auto; bottom:-6px; border-bottom:none; border-top: 6px solid var(--gray800);}
.rdp_tooltip_parent {position: relative; display: inline-flex;}
.rdp_tooltip_parent:hover .rpd_tooltip_fixed {display: block;}


/* CHIP */
.rpd_chip {display: inline-flex;justify-content: center;min-width: 45px; align-items: center;height: 21px;padding: 0 12px;border-radius: 6px;box-sizing: border-box; font-size: 12px;font-weight: 600;line-height: 22px;background: #fff; border:1px solid #333;}
.rpd_chip.medium {min-width:60px; height: 24px; font-size: 14px;}
.rpd_chip.blue400 {color:var(--blue400); border-color:var(--blue400)}
.rpd_chip.yellow600 {color:var(--yellow600); border-color:var(--yellow600)}
.rpd_chip.red400 {color:var(--red400); border-color:var(--red400)}
.rpd_chip.green400 {color:var(--green400); border-color:var(--green400)}
.rpd_chip.gray600 {color:var(--gray600); border-color:var(--gray600)}
.rpd_chip.blue700 {color:var(--blue700); border-color:var(--blue700)}
.rpd_chip.black {color:var(--gray900); border-color:var(--gray900)}

/* INPUT */
.rpd_input{display:inline-flex;position:relative}
.rpd_input .r_side{position:absolute;top:50%;right:12px;display:flex;align-items:center;transform:translateY(-50%)}
.rpd_input .rpd_icon.cancel_gray{cursor:pointer; width: 16px; height: 16px; background-size:16px auto;}
.rpd_input:has(.rpd_icon) input {padding-right: 48px;}
.rpd_input input{font-size: 16px; height: 48px; padding:0 16px; border-radius:12px;outline:none;border:1px solid var(--gray300); color:var(--gray900);}
.rpd_input input::placeholder{font-size:inherit;line-height:16px;color:var(--gray600);}
.rpd_input input:focus{border-color:var(--blue500); }
.rpd_input input:disabled,.rpd_input input[readonly]{background:var(--gray50);border:1px solid var(--gray300);color:var(--gray400)}

/* TETAREA */
.rpd_textarea {font-size: 16px; padding:16px; border-radius:12px;outline:none;border:1px solid var(--gray300); color:var(--gray900); resize:vertical;}
.rpd_textarea::placeholder{font-size:inherit;line-height:16px;color:var(--gray600);}
.rpd_textarea:focus{border-color:var(--blue500);}
.rpd_textarea:disabled,.rpd_textarea[readonly]{background:var(--gray50);border:1px solid var(--gray300);color:var(--gray400)}

/* BUTTON */
.rpd_btn{border-radius:30px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer; min-width:56px;height:48px; padding:0 24px;}
.rpd_btn .txt{font-weight:600; font-size:18px;line-height:18px;}
.rpd_btn .rpd_icon{background-size:24px auto;width:24px;height:24px}

.rpd_btn.xsmall{min-width:56px;height:32px; padding:0 12px;}
.rpd_btn.xsmall .rpd_icon{background-size:16px auto;width:16px;height:16px}
.rpd_btn.xsmall .txt{font-size:14px;line-height:14px}
.rpd_btn.xsmall .txt + .rpd_icon{margin-left:0}
.rpd_btn.xsmall .rpd_icon + .txt{margin-left:0}

.rpd_btn.xxsmall{min-width:46px;height:26px; padding:0 12px;}
.rpd_btn.xxsmall .rpd_icon{background-size:16px auto;width:16px;height:16px}
.rpd_btn.xxsmall .txt{font-size:13px;line-height:14px}
.rpd_btn.xxsmall .txt + .rpd_icon{margin-left:0}
.rpd_btn.xxsmall .rpd_icon + .txt{margin-left:0}

.rpd_btn.small{min-width:56px;height:40px; padding:0 20px;}
.rpd_btn.small .rpd_icon{background-size:20px auto;width:20px;height:20px}
.rpd_btn.small .txt{font-size:16px;line-height:16px}
.rpd_btn.small .txt + .rpd_icon{margin-left:2px}
.rpd_btn.small .rpd_icon + .txt{margin-left:2px}

.rpd_btn.medium .txt + .rpd_icon{margin-left:4px}
.rpd_btn.medium .rpd_icon + .txt{margin-left:4px}

.rpd_btn.blue {background: var(--blue500);}
.rpd_btn.blue .txt{color:#fff;}
.rpd_btn.blue25 {background: var(--blue25);}
.rpd_btn.blue25 .txt{color:var(--blue500);}
.rpd_btn.gray100 {background: var(--gray100);}
.rpd_btn.gray100 .txt{color:var(--gray900);}
.rpd_btn.gray200 {background: var(--gray200);}
.rpd_btn.gray200 .txt{color:var(--gray900);}
.rpd_btn.gray900 {background: var(--gray900);}
.rpd_btn.gray900 .txt{color:#fff;}
.rpd_btn.lineBlue {border:1px solid var(--blue500);}
.rpd_btn.lineBlue .txt{color: var(--blue500);}
.rpd_btn.lineBlack {border:1px solid var(--gray800);}
.rpd_btn.lineBlack .txt{color:var(--gray800);}

.rpd_btn:disabled,.rpd_btn.disabled {background: var(--gray100); cursor:default;}
.rpd_btn:disabled .txt,.rpd_btn.disabled .txt {color: var(--gray500);}
.rpd_btn:disabled .rpd_icon,.rpd_btn.disabled .rpd_icon {opacity:.4;filter: brightness(0);}

.rpd_btn:disabled .txt,.rpd_btn.disabled .txt {color: var(--gray500);}
.rpd_btn[class*=line]:disabled,.rpd_btn[class*=line].disabled {background: transparent; border-color:var(--gray400)}

/* ICON + BTN */
.rpd_icon_btn {width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius:6px; border:1px solid var(--gray300); }
.rpd_icon_btn .rpd_icon {width: 100%; height: 100%; background-size:24px auto;}
.rpd_icon_btn.gray300 {background:var(--gray300);}
.rpd_icon_btn.circle {border-radius:24px; width: 48px; height: 48px;box-shadow: 0px 3px 20px 0px #3333332E;}
.rpd_icon_btn:disabled,.rpd_icon_btn.disabled {background:rgba(255,255,255,.8); cursor:default; border-color:var(--gray200); box-shadow:none;}
.rpd_icon_btn:disabled .rpd_icon,.rpd_icon_btn.disabled.rpd_icon {opacity:.5;}


/* TAB */
.rpd_tab {display: flex; gap:8px;}
.rpd_tab li { border-radius:30px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer; min-width:56px;height:32px; padding:0 16px; background: var(--gray200); color:var(--gray900); font-weight:600; font-size:14px; line-height:14px; }
.rpd_tab li a {display: flex; align-items: center; padding:0 16px; font-weight: 600; height: 100%;}
.rpd_tab li.on {background: var(--gray900); color:#fff;}
.rpd_tab.small li {height:40px; padding:0 20px; font-size:16px; line-height:16px; }
.rpd_tab.small li a {padding:0 20px;}
.rpd_tab li:has(a),.rpd_tab.small li:has(a) {padding:0;}

.rpd_tab_1depth ul {display: inline-flex; background: var(--gray100);  border-radius:30px;}
.rpd_tab_1depth ul li { border-radius:30px; padding:0 16px; display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer; min-width:138px;height:40px; background: var(--gray100); color:var(--gray900); font-weight:600; font-size:16px; line-height:16px; }
.rpd_tab_1depth ul li a {display: flex; align-items: center; padding:0 16px; font-weight: 600; height: 100%; width: 100%;  justify-content: center}
.rpd_tab_1depth ul li.on {background: var(--gray900); color:#fff;}
.rpd_tab_1depth.medium ul li {height:40px; font-size:18px; padding:0 24px; line-height:18px; min-width:186px; }
.rpd_tab_1depth.medium ul li a {padding:0 24px;}
.rpd_tab_1depth ul li:has(a),.rpd_tab_1depth.medium ul li:has(a) {padding:0;}

/* CHECKBOX */
.rpd_checkbox {display: inline-flex; position: relative; align-items: center; gap:5px; cursor:pointer;}
.rpd_checkbox input {position: absolute; visibility: hidden;}
.rpd_checkbox .icon {width: 24px; height: 24px; background:url('/assets/imgs/design/ico_checkbox.svg') center no-repeat;}
.rpd_checkbox input:checked + .icon {background:url('/assets/imgs/design/ico_checkbox_selected.svg') center no-repeat;}
.rpd_checkbox .txt {font-size: 16px; color:var(--gray900)}
.rpd_checkbox.small .icon {width: 16px; height: 16px; background-size:100% auto;}
.rpd_checkbox.small input:checked + .icon {background-size:100% auto;}
.rpd_checkbox.small .txt {font-size: 14px;}
.rpd_checkbox:has(input[type=checkbox]:disabled) {opacity:.4; cursor:default;}

/* RADIO */
.rpd_radio {display: inline-flex; position: relative; align-items: center; gap:5px; cursor:pointer;}
.rpd_radio input {position: absolute; visibility: hidden;}
.rpd_radio .icon {position: relative; width: 18px; height: 18px; border:1.5px solid var(--gray400); border-radius:30px;}
.rpd_radio input:checked + .icon {border-color:var(--blue500);}
.rpd_radio input:checked + .icon:after {content:""; position: absolute; left:50%; top:50%; width:10px; height: 10px; margin:-5px 0 0 -5px; background: var(--blue500); border-radius:30px;}
.rpd_radio .txt {font-size: 16px; color:var(--gray900)}
.rpd_radio:has(input[type=radio]:disabled) {opacity:.4; cursor:default;}

/* TOGGLE */
.rpd_toggle{display:inline-flex;align-items:center; cursor:pointer;}
.rpd_toggle input{position:absolute;visibility:hidden;z-index:-1}
.rpd_toggle input:checked + .icon::before{left:23px}
.rpd_toggle input:checked + .icon {background:var(--blue500);}
.rpd_toggle .icon{position:relative;font-weight:400; width: 40px; height:20px;background:var(--gray300);border-radius:50px;transition:.3s}
.rpd_toggle .icon::before{content:'';position:absolute;left:3px;top:50%;margin-top:-7px;width:14px;height:14px;background:#fff;border-radius:50%;z-index:1;transition:.3s}
.rpd_toggle .toggle_txt{font-size:16px;line-height:15px;color:var(--gray900);margin-left:6px}

/* TAG */
.rpd_tag {display: inline-flex; height: 34px; min-width:78px; padding:0 10px; align-items:center; justify-content: center; border-radius:8px; background: var(--gray100); color:var(--gray900); font-size: 16px; font-weight: 500; }
.rpd_tag.active {background: var(--blue50); color:var(--blue800); }
.rpd_tag.small {min-width:67px; height: 28px; font-size: 14px;}

/* SELECT */
.rpd_select {width: 196px; height: 48px;border:1px solid var(--gray900); border-radius:30px; color:var(--gray900); font-size: 16px; font-weight: 600; padding:0 40px 0 20px; text-overflow:ellipsis; background:#fff url('/assets/imgs/design/ico_chevron_down_black.svg') right 20px center no-repeat; outline:none;}
.rpd_select:focus {border-color:var(--blue500)}
.rpd_select.small {width: 158px; height: 40px; font-size: 14px; padding:0 30px 0 16px; background-size:16px auto; background-position:right 16px center;}
.rpd_select.xsmall {width: 132px; height: 32px; font-size: 14px; padding:0 30px 0 16px; background-size:16px auto; background-position:right 16px center;}
.rpd_select.square {border-radius:12px}


@media screen and (max-width: 1100px) {

    /* 모바일 medium */
    .rpd_btn.medium .txt {font-size: 16px;}
    .rpd_btn.medium .rpd_icon {width: 20px; height: 20px; background-size: 20px auto;}
    .rpd_btn.medium .txt + .rpd_icon {margin-left: 2px}
    .rpd_btn.medium .rpd_icon + .txt {margin-left: 2px}
    .rpd_tooltip,.rpd_tooltip_fixed {display: none !important;}
}

@media screen and (max-width: 768px) {

    .rpd_tab_1depth {overflow-x:auto; white-space:nowrap; }
    .rpd_tab_1depth ul {background:none; gap:8px;  }
    .rpd_tab_1depth ul li,.rpd_tab_1depth.medium ul li { height:32px; font-size:14px; line-height:14px; min-width:0;padding:0 16px;}
    .rpd_tab_1depth.medium ul li a {padding:0 16px;}
}