@charset "utf-8";

/* Button Style Color **************************************************************************************/

.btnArea button.red{background: #F56565; border: 1px solid #F56565; }
.btnArea button.orange{background: #FF9500; border: 1px solid #FF9500; }
.btnArea button.yellow{background: #FFC126; border: 1px solid #FFC126; }
.btnArea button.green{background: #13A850; border: 1px solid #13A850; }
.btnArea button.blue,
.btnArea button.primary{background: #4176FF; border: 1px solid #4176FF; }
.btnArea button.purple{background: #6366F1; border: 1px solid #6366F1; }
.btnArea button.gray{background: #B4B5B7; border: 1px solid #B4B5B7; }
.btnArea button.basic{background: #5C5F6B; border: 1px solid #5C5F6B; }

.btnArea button.red:hover{background: rgba(245,101,101,0.85)/* #F56565 */; }
.btnArea button.orange:hover{background: rgba(255,149,0,0.85)/* #FF9500 */; }
.btnArea button.yellow:hover{background: rgba(255,193,38,0.85)/* #FFC126 */; }
.btnArea button.green:hover{background: rgba(19,168,80,0.85)/* #13A850 */; }
.btnArea button.blue:hover,
.btnArea button.primary:hover{background: rgba(65,118,255,0.85)/* #4176FF */; }
.btnArea button.purple:hover{background: rgba(99,102,241,0.85)/* #6366F1 */; }
.btnArea button.gray:hover{background: rgba(180,181,183,0.85)/* #B4B5B7 */; }
.btnArea button.basic:hover{background: rgba(92,95,107,0.85)/* #5C5F6B */; }

.btnArea button.red span,
.btnArea button.orange span,
.btnArea button.yellow span,
.btnArea button.green span,
.btnArea button.blue span,
.btnArea button.primary span,
.btnArea button.purple span,
.btnArea button.gray span,
.btnArea button.basic span{color: #FFFFFF; }

.btnArea button.redBdr{background: #FFFFFF; border: 1px solid #F56565; }
.btnArea button.orangeBdr{background: #FFFFFF; border: 1px solid #FF9500; }
.btnArea button.yellowBdr{background: #FFFFFF; border: 1px solid #FFC126; }
.btnArea button.greenBdr{background: #FFFFFF; border: 1px solid #13A850; }
.btnArea button.blueBdr,
.btnArea button.primaryBdr{background: #FFFFFF; border: 1px solid #4176FF; }
.btnArea button.purpleBdr{background: #FFFFFF; border: 1px solid #6366F1; }
.btnArea button.grayBdr{background: #FFFFFF; border: 1px solid #D8D8D8; }
.btnArea button.basicBdr{background: #FFFFFF; border: 1px solid #A8A8A8; }

.btnArea button.redBdr:hover{background: rgba(245,101,101,0.1)/* #F56565 */; border: 1px solid #F56565; }
.btnArea button.orangeBdr:hover{background: rgba(255,149,0,0.1)/* #FF9500 */; border: 1px solid #FF9500; }
.btnArea button.yellowBdr:hover{background: rgba(255,193,38,0.1)/* #FFC126 */; border: 1px solid #FFC126; }
.btnArea button.greenBdr:hover{background: rgba(19,168,80,0.1)/* #13A850 */; border: 1px solid #13A850; }
.btnArea button.blueBdr:hover,
.btnArea button.primaryBdr:hover{background: rgba(65,118,255,0.1)/* #4176FF */; border: 1px solid #4176FF; }
.btnArea button.purpleBdr:hover{background: rgba(99,102,241,0.1)/* #6366F1 */; border: 1px solid #6366F1; }
.btnArea button.grayBdr:hover{background: rgba(180,181,183,0.1)/* #B4B5B7 */; border: 1px solid #B4B5B7; }
.btnArea button.basicBdr:hover{background: rgba(92,95,107,0.08)/* #5C5F6B */; border: 1px solid #9C9C9C; }

.btnArea button.redBdr span{color: #F56565; }
.btnArea button.orangeBdr span{color: #FF9500; }
.btnArea button.yellowBdr span{color: #FFC126; }
.btnArea button.greenBdr span{color: #13A850; }
.btnArea button.blueBdr span,
.btnArea button.primaryBdr span{color: #4176FF; }
.btnArea button.purpleBdr span{color: #6366F1; }
.btnArea button.grayBdr span{color: #B4B5B7; }
.btnArea button.basicBdr span{color: #333333; }

.btnArea button.link.red,
.btnArea button.link.orange,
.btnArea button.link.yellow,
.btnArea button.link.green,
.btnArea button.link.blue,
.btnArea button.link.primary,
.btnArea button.link.purple,
.btnArea button.link.gray,
.btnArea button.link.basic{text-decoration-color: #FFFFFF; }

.btnArea button.link.redBdr{text-decoration-color: #F56565; }
.btnArea button.link.orangeBdr{text-decoration-color: #FF9500; }
.btnArea button.link.yellowBdr{text-decoration-color: #FFC126; }
.btnArea button.link.greenBdr{text-decoration-color: #13A850; }
.btnArea button.link.blueBdr,
.btnArea button.link.primaryBdr{text-decoration-color: #4176FF; }
.btnArea button.link.purpleBdr{text-decoration-color: #6366F1; }
.btnArea button.link.grayBdr{text-decoration-color: #A1A1A1; }
.btnArea button.link.basicBdr{text-decoration-color: #333333; }

.btnArea .link:hover{text-decoration-line: underline; text-underline-position: under; }

.btnArea .disabled{opacity: 0.7; cursor: default; pointer-events: none; }


/* Button Style Design *************************************************************************************/
/* 입력 */
.btnArea button.red .ico_edit,
.btnArea button.orange .ico_edit,
.btnArea button.yellow .ico_edit,
.btnArea button.green .ico_edit,
.btnArea button.blue .ico_edit,
.btnArea button.primary .ico_edit,
.btnArea button.purple .ico_edit,
.btnArea button.gray .ico_edit,
.btnArea button.basic .ico_edit{background-image: url(../images/ico/edit/edit_style1_white.svg); }

.btnArea button.redBdr .ico_edit{background-image: url(../images/ico/edit/edit_style1_red.svg); }
.btnArea button.orangeBdr .ico_edit{background-image: url(../images/ico/edit/edit_style1_orange.svg); }
.btnArea button.yellowBdr .ico_edit{background-image: url(../images/ico/edit/edit_style1_yellow.svg); }
.btnArea button.greenBdr .ico_edit{background-image: url(../images/ico/edit/edit_style1_green.svg); }
.btnArea button.blueBdr .ico_edit,
.btnArea button.primaryBdr .ico_edit{background-image: url(../images/ico/edit/edit_style1_blue.svg); }
.btnArea button.purpleBdr .ico_edit{background-image: url(../images/ico/edit/edit_style1_purple.svg); }
.btnArea button.grayBdr .ico_edit{background-image: url(../images/ico/edit/edit_style1_gray.svg); }
.btnArea button.basicBdr .ico_edit{background-image: url(../images/ico/edit/edit_style1.svg); }

/* 수정 */
.btnArea button.red .ico_modify,
.btnArea button.orange .ico_modify,
.btnArea button.yellow .ico_modify,
.btnArea button.green .ico_modify,
.btnArea button.blue .ico_modify,
.btnArea button.primary .ico_modify,
.btnArea button.purple .ico_modify,
.btnArea button.gray .ico_modify,
.btnArea button.basic .ico_modify{background-image: url(../images/ico/edit/edit_style2_white.svg); }

.btnArea button.redBdr .ico_modify{background-image: url(../images/ico/edit/edit_style2_red.svg); }
.btnArea button.orangeBdr .ico_modify{background-image: url(../images/ico/edit/edit_style2_orange.svg); }
.btnArea button.yellowBdr .ico_modify{background-image: url(../images/ico/edit/edit_style2_yellow.svg); }
.btnArea button.greenBdr .ico_modify{background-image: url(../images/ico/edit/edit_style2_green.svg); }
.btnArea button.blueBdr .ico_modify,
.btnArea button.primaryBdr .ico_modify{background-image: url(../images/ico/edit/edit_style2_blue.svg); }
.btnArea button.purpleBdr .ico_modify{background-image: url(../images/ico/edit/edit_style2_purple.svg); }
.btnArea button.grayBdr .ico_modify{background-image: url(../images/ico/edit/edit_style2_gray.svg); }
.btnArea button.basicBdr .ico_modify{background-image: url(../images/ico/edit/edit_style2.svg); }

/* 삭제 */
.btnArea button.red .ico_delete,
.btnArea button.orange .ico_delete,
.btnArea button.yellow .ico_delete,
.btnArea button.green .ico_delete,
.btnArea button.blue .ico_delete,
.btnArea button.primary .ico_delete,
.btnArea button.purple .ico_delete,
.btnArea button.gray .ico_delete,
.btnArea button.basic .ico_delete{background-image: url(../images/ico/trash/trash_style1_white.svg); }

.btnArea button.redBdr .ico_delete{background-image: url(../images/ico/trash/trash_style1_red.svg); }
.btnArea button.orangeBdr .ico_delete{background-image: url(../images/ico/trash/trash_style1_orange.svg); }
.btnArea button.yellowBdr .ico_delete{background-image: url(../images/ico/trash/trash_style1_yellow.svg); }
.btnArea button.greenBdr .ico_delete{background-image: url(../images/ico/trash/trash_style1_green.svg); }
.btnArea button.blueBdr .ico_delete,
.btnArea button.primaryBdr .ico_delete{background-image: url(../images/ico/trash/trash_style1_blue.svg); }
.btnArea button.purpleBdr .ico_delete{background-image: url(../images/ico/trash/trash_style1_purple.svg); }
.btnArea button.grayBdr .ico_delete{background-image: url(../images/ico/trash/trash_style1_gray.svg); }
.btnArea button.basicBdr .ico_delete{background-image: url(../images/ico/trash/trash_style1.svg); }

/* 저장 */
.btnArea button.red .ico_save,
.btnArea button.orange .ico_save,
.btnArea button.yellow .ico_save,
.btnArea button.green .ico_save,
.btnArea button.blue .ico_save,
.btnArea button.primary .ico_save,
.btnArea button.purple .ico_save,
.btnArea button.gray .ico_save,
.btnArea button.basic .ico_save{background-image: url(../images/ico/save/save_style1_white.svg); }

.btnArea button.redBdr .ico_save{background-image: url(../images/ico/save/save_style1_red.svg); }
.btnArea button.orangeBdr .ico_save{background-image: url(../images/ico/save/save_style1_orange.svg); }
.btnArea button.yellowBdr .ico_save{background-image: url(../images/ico/save/save_style1_yellow.svg); }
.btnArea button.greenBdr .ico_save{background-image: url(../images/ico/save/save_style1_green.svg); }
.btnArea button.blueBdr .ico_save,
.btnArea button.primaryBdr .ico_save{background-image: url(../images/ico/save/save_style1_blue.svg); }
.btnArea button.purpleBdr .ico_save{background-image: url(../images/ico/save/save_style1_purple.svg); }
.btnArea button.grayBdr .ico_save{background-image: url(../images/ico/save/save_style1_gray.svg); }
.btnArea button.basicBdr .ico_save{background-image: url(../images/ico/save/save_style1.svg); }

/* 조회 */
.btnArea button.red .ico_search,
.btnArea button.orange .ico_search,
.btnArea button.yellow .ico_search,
.btnArea button.green .ico_search,
.btnArea button.blue .ico_search,
.btnArea button.primary .ico_search,
.btnArea button.purple .ico_search,
.btnArea button.gray .ico_search,
.btnArea button.basic .ico_search{background-image: url(../images/ico/search/search_style1_white.svg); }

.btnArea button.redBdr .ico_search{background-image: url(../images/ico/search/search_style1_red.svg); }
.btnArea button.orangeBdr .ico_search{background-image: url(../images/ico/search/search_style1_orange.svg); }
.btnArea button.yellowBdr .ico_search{background-image: url(../images/ico/search/search_style1_yellow.svg); }
.btnArea button.greenBdr .ico_search{background-image: url(../images/ico/search/search_style1_green.svg); }
.btnArea button.blueBdr .ico_search,
.btnArea button.primaryBdr .ico_search{background-image: url(../images/ico/search/search_style1_blue.svg); }
.btnArea button.purpleBdr .ico_search{background-image: url(../images/ico/search/search_style1_purple.svg); }
.btnArea button.grayBdr .ico_search{background-image: url(../images/ico/search/search_style1_gray.svg); }
.btnArea button.basicBdr .ico_search{background-image: url(../images/ico/search/search_style1.svg); }

/* 취소 */
.btnArea button.red .ico_cancel,
.btnArea button.orange .ico_cancel,
.btnArea button.yellow .ico_cancel,
.btnArea button.green .ico_cancel,
.btnArea button.blue .ico_cancel,
.btnArea button.primary .ico_cancel,
.btnArea button.purple .ico_cancel,
.btnArea button.gray .ico_cancel,
.btnArea button.basic .ico_cancel{background-image: url(../images/ico/cancel/cancel_style1_white.svg); }

.btnArea button.redBdr .ico_cancel{background-image: url(../images/ico/cancel/cancel_style1_red.svg); }
.btnArea button.orangeBdr .ico_cancel{background-image: url(../images/ico/cancel/cancel_style1_orange.svg); }
.btnArea button.yellowBdr .ico_cancel{background-image: url(../images/ico/cancel/cancel_style1_yellow.svg); }
.btnArea button.greenBdr .ico_cancel{background-image: url(../images/ico/cancel/cancel_style1_green.svg); }
.btnArea button.blueBdr .ico_cancel,
.btnArea button.primaryBdr .ico_cancel{background-image: url(../images/ico/cancel/cancel_style1_blue.svg); }
.btnArea button.purpleBdr .ico_cancel{background-image: url(../images/ico/cancel/cancel_style1_purple.svg); }
.btnArea button.grayBdr .ico_cancel{background-image: url(../images/ico/cancel/cancel_style1_gray.svg); }
.btnArea button.basicBdr .ico_cancel{background-image: url(../images/ico/cancel/cancel_style1.svg); }

/* 프린트 */
.btnArea button.red .ico_printer,
.btnArea button.orange .ico_printer,
.btnArea button.yellow .ico_printer,
.btnArea button.green .ico_printer,
.btnArea button.blue .ico_printer,
.btnArea button.primary .ico_printer,
.btnArea button.purple .ico_printer,
.btnArea button.gray .ico_printer,
.btnArea button.basic .ico_printer{background-image: url(../images/ico/printer/printer_style1_white.svg); }

.btnArea button.redBdr .ico_printer{background-image: url(../images/ico/printer/printer_style1_red.svg); }
.btnArea button.orangeBdr .ico_printer{background-image: url(../images/ico/printer/printer_style1_orange.svg); }
.btnArea button.yellowBdr .ico_printer{background-image: url(../images/ico/printer/printer_style1_yellow.svg); }
.btnArea button.greenBdr .ico_printer{background-image: url(../images/ico/printer/printer_style1_green.svg); }
.btnArea button.blueBdr .ico_printer,
.btnArea button.primaryBdr .ico_printer{background-image: url(../images/ico/printer/printer_style1_blue.svg); }
.btnArea button.purpleBdr .ico_printer{background-image: url(../images/ico/printer/printer_style1_purple.svg); }
.btnArea button.grayBdr .ico_printer{background-image: url(../images/ico/printer/printer_style1_gray.svg); }
.btnArea button.basicBdr .ico_printer{background-image: url(../images/ico/printer/printer_style1.svg); }

/* 업로드 */
.btnArea button.red .ico_upload,
.btnArea button.orange .ico_upload,
.btnArea button.yellow .ico_upload,
.btnArea button.green .ico_upload,
.btnArea button.blue .ico_upload,
.btnArea button.primary .ico_upload,
.btnArea button.purple .ico_upload,
.btnArea button.gray .ico_upload,
.btnArea button.basic .ico_upload{background-image: url(../images/ico/upload/upload_style2_white.svg); }

.btnArea button.redBdr .ico_upload{background-image: url(../images/ico/upload/upload_style2_red.svg); }
.btnArea button.orangeBdr .ico_upload{background-image: url(../images/ico/upload/upload_style2_orange.svg); }
.btnArea button.yellowBdr .ico_upload{background-image: url(../images/ico/upload/upload_style2_yellow.svg); }
.btnArea button.greenBdr .ico_upload{background-image: url(../images/ico/upload/upload_style2_green.svg); }
.btnArea button.blueBdr .ico_upload,
.btnArea button.primaryBdr .ico_upload{background-image: url(../images/ico/upload/upload_style2_blue.svg); }
.btnArea button.purpleBdr .ico_upload{background-image: url(../images/ico/upload/upload_style2_purple.svg); }
.btnArea button.grayBdr .ico_upload{background-image: url(../images/ico/upload/upload_style2_gray.svg); }
.btnArea button.basicBdr .ico_upload{background-image: url(../images/ico/upload/upload_style2.svg); }

/* 다운로드 */
.btnArea button.red .ico_download,
.btnArea button.orange .ico_download,
.btnArea button.yellow .ico_download,
.btnArea button.green .ico_download,
.btnArea button.blue .ico_download,
.btnArea button.primary .ico_download,
.btnArea button.purple .ico_download,
.btnArea button.gray .ico_download,
.btnArea button.basic .ico_download{background-image: url(../images/ico/download/download_style2_white.svg); }

.btnArea button.redBdr .ico_download{background-image: url(../images/ico/download/download_style2_red.svg); }
.btnArea button.orangeBdr .ico_download{background-image: url(../images/ico/download/download_style2_orange.svg); }
.btnArea button.yellowBdr .ico_download{background-image: url(../images/ico/download/download_style2_yellow.svg); }
.btnArea button.greenBdr .ico_download{background-image: url(../images/ico/download/download_style2_green.svg); }
.btnArea button.blueBdr .ico_download,
.btnArea button.primaryBdr .ico_download{background-image: url(../images/ico/download/download_style2_blue.svg); }
.btnArea button.purpleBdr .ico_download{background-image: url(../images/ico/download/download_style2_purple.svg); }
.btnArea button.grayBdr .ico_download{background-image: url(../images/ico/download/download_style2_gray.svg); }
.btnArea button.basicBdr .ico_download{background-image: url(../images/ico/download/download_style2.svg); }

/* 필터 */
.btnArea button.red .ico_filter,
.btnArea button.orange .ico_filter,
.btnArea button.yellow .ico_filter,
.btnArea button.green .ico_filter,
.btnArea button.blue .ico_filter,
.btnArea button.primary .ico_filter,
.btnArea button.purple .ico_filter,
.btnArea button.gray .ico_filter,
.btnArea button.basic .ico_filter{background-image: url(../images/ico/filter/filter_style1_white.svg); }

.btnArea button.redBdr .ico_filter{background-image: url(../images/ico/filter/filter_style1_red.svg); }
.btnArea button.orangeBdr .ico_filter{background-image: url(../images/ico/filter/filter_style1_orange.svg); }
.btnArea button.yellowBdr .ico_filter{background-image: url(../images/ico/filter/filter_style1_yellow.svg); }
.btnArea button.greenBdr .ico_filter{background-image: url(../images/ico/filter/filter_style1_green.svg); }
.btnArea button.blueBdr .ico_filter,
.btnArea button.primaryBdr .ico_filter{background-image: url(../images/ico/filter/filter_style1_blue.svg); }
.btnArea button.purpleBdr .ico_filter{background-image: url(../images/ico/filter/filter_style1_purple.svg); }
.btnArea button.grayBdr .ico_filter{background-image: url(../images/ico/filter/filter_style1_gray.svg); }
.btnArea button.basicBdr .ico_filter{background-image: url(../images/ico/filter/filter_style1.svg); }

/* 추가 or 더하기 */
.btnArea button.red .ico_plus,
.btnArea button.orange .ico_plus,
.btnArea button.yellow .ico_plus,
.btnArea button.green .ico_plus,
.btnArea button.blue .ico_plus,
.btnArea button.primary .ico_plus,
.btnArea button.purple .ico_plus,
.btnArea button.gray .ico_plus,
.btnArea button.basic .ico_plus{background-image: url(../images/ico/calculation/plus_8_white.svg); }

.btnArea button.redBdr .ico_plus{background-image: url(../images/ico/calculation/plus_8_red.svg); }
.btnArea button.orangeBdr .ico_plus{background-image: url(../images/ico/calculation/plus_8_orange.svg); }
.btnArea button.yellowBdr .ico_plus{background-image: url(../images/ico/calculation/plus_8_yellow.svg); }
.btnArea button.greenBdr .ico_plus{background-image: url(../images/ico/calculation/plus_8_green.svg); }
.btnArea button.blueBdr .ico_plus,
.btnArea button.primaryBdr .ico_plus{background-image: url(../images/ico/calculation/plus_8_blue.svg); }
.btnArea button.purpleBdr .ico_plus{background-image: url(../images/ico/calculation/plus_8_purple.svg); }
.btnArea button.grayBdr .ico_plus{background-image: url(../images/ico/calculation/plus_8_gray.svg); }
.btnArea button.basicBdr .ico_plus{background-image: url(../images/ico/calculation/plus_8.svg); }

/* 삭제 or 빼기 */
.btnArea button.red .ico_minus,
.btnArea button.orange .ico_minus,
.btnArea button.yellow .ico_minus,
.btnArea button.green .ico_minus,
.btnArea button.blue .ico_minus,
.btnArea button.primary .ico_minus,
.btnArea button.purple .ico_minus,
.btnArea button.gray .ico_minus,
.btnArea button.basic .ico_minus{background-image: url(../images/ico/calculation/minus_8_white.svg); }

.btnArea button.redBdr .ico_minus{background-image: url(../images/ico/calculation/minus_8_red.svg); }
.btnArea button.orangeBdr .ico_minus{background-image: url(../images/ico/calculation/minus_8_orange.svg); }
.btnArea button.yellowBdr .ico_minus{background-image: url(../images/ico/calculation/minus_8_yellow.svg); }
.btnArea button.greenBdr .ico_minus{background-image: url(../images/ico/calculation/minus_8_green.svg); }
.btnArea button.blueBdr .ico_minus,
.btnArea button.primaryBdr .ico_minus{background-image: url(../images/ico/calculation/minus_8_blue.svg); }
.btnArea button.purpleBdr .ico_minus{background-image: url(../images/ico/calculation/minus_8_purple.svg); }
.btnArea button.grayBdr .ico_minus{background-image: url(../images/ico/calculation/minus_8_gray.svg); }
.btnArea button.basicBdr .ico_minus{background-image: url(../images/ico/calculation/minus_8.svg); }

/* 더보기 */
.btnArea button.red .ico_more,
.btnArea button.orange .ico_more,
.btnArea button.yellow .ico_more,
.btnArea button.green .ico_more,
.btnArea button.blue .ico_more,
.btnArea button.primary .ico_more,
.btnArea button.purple .ico_more,
.btnArea button.gray .ico_more,
.btnArea button.basic .ico_more{background-image: url(../images/ico/more/more_style1_h_white.svg); }

.btnArea button.redBdr .ico_more{background-image: url(../images/ico/more/more_style1_h_red.svg); }
.btnArea button.orangeBdr .ico_more{background-image: url(../images/ico/more/more_style1_h_orange.svg); }
.btnArea button.yellowBdr .ico_more{background-image: url(../images/ico/more/more_style1_h_yellow.svg); }
.btnArea button.greenBdr .ico_more{background-image: url(../images/ico/more/more_style1_h_green.svg); }
.btnArea button.blueBdr .ico_more,
.btnArea button.primaryBdr .ico_more{background-image: url(../images/ico/more/more_style1_h_blue.svg); }
.btnArea button.purpleBdr .ico_more{background-image: url(../images/ico/more/more_style1_h_purple.svg); }
.btnArea button.grayBdr .ico_more{background-image: url(../images/ico/more/more_style1_h_gray.svg); }
.btnArea button.basicBdr .ico_more{background-image: url(../images/ico/more/more_style1_h.svg); }

/* 새로고침 */
.btnArea button.red .ico_refresh,
.btnArea button.orange .ico_refresh,
.btnArea button.yellow .ico_refresh,
.btnArea button.green .ico_refresh,
.btnArea button.blue .ico_refresh,
.btnArea button.primary .ico_refresh,
.btnArea button.purple .ico_refresh,
.btnArea button.gray .ico_refresh,
.btnArea button.basic .ico_refresh{background-image: url(../images/ico/refresh/refresh_style1_white.svg); }

.btnArea button.redBdr .ico_refresh{background-image: url(../images/ico/refresh/refresh_style1_red.svg); }
.btnArea button.orangeBdr .ico_refresh{background-image: url(../images/ico/refresh/refresh_style1_orange.svg); }
.btnArea button.yellowBdr .ico_refresh{background-image: url(../images/ico/refresh/refresh_style1_yellow.svg); }
.btnArea button.greenBdr .ico_refresh{background-image: url(../images/ico/refresh/refresh_style1_green.svg); }
.btnArea button.blueBdr .ico_refresh,
.btnArea button.primaryBdr .ico_refresh{background-image: url(../images/ico/refresh/refresh_style1_blue.svg); }
.btnArea button.purpleBdr .ico_refresh{background-image: url(../images/ico/refresh/refresh_style1_purple.svg); }
.btnArea button.grayBdr .ico_refresh{background-image: url(../images/ico/refresh/refresh_style1_gray.svg); }
.btnArea button.basicBdr .ico_refresh{background-image: url(../images/ico/refresh/refresh_style1.svg); }

/* 추천 */
.btnArea button.red .ico_like,
.btnArea button.orange .ico_like,
.btnArea button.yellow .ico_like,
.btnArea button.green .ico_like,
.btnArea button.blue .ico_like,
.btnArea button.primary .ico_like,
.btnArea button.purple .ico_like,
.btnArea button.gray .ico_like,
.btnArea button.basic .ico_like{background-image: url(../images/ico/like/like_style1_white.svg); }

.btnArea button.redBdr .ico_like{background-image: url(../images/ico/like/like_style1_red.svg); }
.btnArea button.orangeBdr .ico_like{background-image: url(../images/ico/like/like_style1_orange.svg); }
.btnArea button.yellowBdr .ico_like{background-image: url(../images/ico/like/like_style1_yellow.svg); }
.btnArea button.greenBdr .ico_like{background-image: url(../images/ico/like/like_style1_green.svg); }
.btnArea button.blueBdr .ico_like,
.btnArea button.primaryBdr .ico_like{background-image: url(../images/ico/like/like_style1_blue.svg); }
.btnArea button.purpleBdr .ico_like{background-image: url(../images/ico/like/like_style1_purple.svg); }
.btnArea button.grayBdr .ico_like{background-image: url(../images/ico/like/like_style1_gray.svg); }
.btnArea button.basicBdr .ico_like{background-image: url(../images/ico/like/like_style1.svg); }

/* 추천 - fill */
.btnArea button.red .ico_like_fill,
.btnArea button.orange .ico_like_fill,
.btnArea button.yellow .ico_like_fill,
.btnArea button.green .ico_like_fill,
.btnArea button.blue .ico_like_fill,
.btnArea button.primary .ico_like_fill,
.btnArea button.purple .ico_like_fill,
.btnArea button.gray .ico_like_fill,
.btnArea button.basic .ico_like_fill{background-image: url(../images/ico/like/like_style1_fill_white.svg); }

.btnArea button.redBdr .ico_like_fill{background-image: url(../images/ico/like/like_style1_fill_red.svg); }
.btnArea button.orangeBdr .ico_like_fill{background-image: url(../images/ico/like/like_style1_fill_orange.svg); }
.btnArea button.yellowBdr .ico_like_fill{background-image: url(../images/ico/like/like_style1_fill_yellow.svg); }
.btnArea button.greenBdr .ico_like_fill{background-image: url(../images/ico/like/like_style1_fill_green.svg); }
.btnArea button.blueBdr .ico_like_fill,
.btnArea button.primaryBdr .ico_like_fill{background-image: url(../images/ico/like/like_style1_fill_blue.svg); }
.btnArea button.purpleBdr .ico_like_fill{background-image: url(../images/ico/like/like_style1_fill_purple.svg); }
.btnArea button.grayBdr .ico_like_fill{background-image: url(../images/ico/like/like_style1_fill_gray.svg); }
.btnArea button.basicBdr .ico_like_fill{background-image: url(../images/ico/like/like_style1_fill.svg); }

/* 위 */
.btnArea button.red .ico_up,
.btnArea button.orange .ico_up,
.btnArea button.yellow .ico_up,
.btnArea button.green .ico_up,
.btnArea button.blue .ico_up,
.btnArea button.primary .ico_up,
.btnArea button.purple .ico_up,
.btnArea button.basic .ico_up,
.btnArea button.gray .ico_up{background-image: url(../images/ico/arrow/up_white.svg); }

.btnArea button.redBdr .ico_up{background-image: url(../images/ico/arrow/up_red.svg); }
.btnArea button.orangeBdr .ico_up{background-image: url(../images/ico/arrow/up_orange.svg); }
.btnArea button.yellowBdr .ico_up{background-image: url(../images/ico/arrow/up_yellow.svg); }
.btnArea button.greenBdr .ico_up{background-image: url(../images/ico/arrow/up_green.svg); }
.btnArea button.blueBdr .ico_up,
.btnArea button.primaryBdr .ico_up{background-image: url(../images/ico/arrow/up_blue.svg); }
.btnArea button.purpleBdr .ico_up{background-image: url(../images/ico/arrow/up_purple.svg); }
.btnArea button.grayBdr .ico_up{background-image: url(../images/ico/arrow/up_gray.svg); }
.btnArea button.basicBdr .ico_up{background-image: url(../images/ico/arrow/up.svg); }

/* 아래 */
.btnArea button.red .ico_down,
.btnArea button.orange .ico_down,
.btnArea button.yellow .ico_down,
.btnArea button.green .ico_down,
.btnArea button.blue .ico_down,
.btnArea button.primary .ico_down,
.btnArea button.purple .ico_down,
.btnArea button.gray .ico_down,
.btnArea button.basic .ico_down{background-image: url(../images/ico/arrow/down_white.svg); }

.btnArea button.redBdr .ico_down{background-image: url(../images/ico/arrow/down_red.svg); }
.btnArea button.orangeBdr .ico_down{background-image: url(../images/ico/arrow/down_orange.svg); }
.btnArea button.yellowBdr .ico_down{background-image: url(../images/ico/arrow/down_yellow.svg); }
.btnArea button.greenBdr .ico_down{background-image: url(../images/ico/arrow/down_green.svg); }
.btnArea button.blueBdr .ico_down,
.btnArea button.primaryBdr .ico_down{background-image: url(../images/ico/arrow/down_blue.svg); }
.btnArea button.purpleBdr .ico_down{background-image: url(../images/ico/arrow/down_purple.svg); }
.btnArea button.grayBdr .ico_down{background-image: url(../images/ico/arrow/down_gray.svg); }
.btnArea button.basicBdr .ico_down{background-image: url(../images/ico/arrow/down.svg); }

/* 이전 */
.btnArea button.red .ico_left,
.btnArea button.orange .ico_left,
.btnArea button.yellow .ico_left,
.btnArea button.green .ico_left,
.btnArea button.blue .ico_left,
.btnArea button.primary .ico_left,
.btnArea button.purple .ico_left,
.btnArea button.gray .ico_left,
.btnArea button.basic .ico_left{background-image: url(../images/ico/arrow/left_white.svg); }

.btnArea button.redBdr .ico_left{background-image: url(../images/ico/arrow/left_red.svg); }
.btnArea button.orangeBdr .ico_left{background-image: url(../images/ico/arrow/left_orange.svg); }
.btnArea button.yellowBdr .ico_left{background-image: url(../images/ico/arrow/left_yellow.svg); }
.btnArea button.greenBdr .ico_left{background-image: url(../images/ico/arrow/left_green.svg); }
.btnArea button.blueBdr .ico_left,
.btnArea button.primaryBdr .ico_left{background-image: url(../images/ico/arrow/left_blue.svg); }
.btnArea button.purpleBdr .ico_left{background-image: url(../images/ico/arrow/left_purple.svg); }
.btnArea button.grayBdr .ico_left{background-image: url(../images/ico/arrow/left_gray.svg); }
.btnArea button.basicBdr .ico_left{background-image: url(../images/ico/arrow/left.svg); }

/* 다음 */
.btnArea button.red .ico_right,
.btnArea button.orange .ico_right,
.btnArea button.yellow .ico_right,
.btnArea button.green .ico_right,
.btnArea button.blue .ico_right,
.btnArea button.primary .ico_right,
.btnArea button.purple .ico_right,
.btnArea button.gray .ico_right,
.btnArea button.basic .ico_right{background-image: url(../images/ico/arrow/right_white.svg); }

.btnArea button.redBdr .ico_right{background-image: url(../images/ico/arrow/right_red.svg); }
.btnArea button.orangeBdr .ico_right{background-image: url(../images/ico/arrow/right_orange.svg); }
.btnArea button.yellowBdr .ico_right{background-image: url(../images/ico/arrow/right_yellow.svg); }
.btnArea button.greenBdr .ico_right{background-image: url(../images/ico/arrow/right_green.svg); }
.btnArea button.blueBdr .ico_right,
.btnArea button.primaryBdr .ico_right{background-image: url(../images/ico/arrow/right_blue.svg); }
.btnArea button.purpleBdr .ico_right{background-image: url(../images/ico/arrow/right_purple.svg); }
.btnArea button.grayBdr .ico_right{background-image: url(../images/ico/arrow/right_gray.svg); }
.btnArea button.basicBdr .ico_right{background-image: url(../images/ico/arrow/right.svg); }